您的位置：首页 > Web前端 > JavaScript

Javascript 中的定时器: setTimeout() 和 setInterval()

2012-07-28 22:17 766 查看

定时器1：setTimeout()

<!DOCTYPE html>
<html>
<head>
<title>js12.html</title>
<script type="text/javascript">
function count()
{
setTimeout("alert('执行成功')",2000); //两秒钟后执行 alert
}
</script>

</head>

<body>
<input type = "button" value = "计时开始" name = "timing" onclick="count()">

</body>
</html>

第二种：setInterval()

<!DOCTYPE html>
<html>
<head>
<title>js13.html</title>

<script type="text/javascript">
var sec = 0;
var timeId = setInterval("count();", 1000);//每隔 1 秒执行一次 count()

function count()
{
document.getElementById("num").innerHTML = sec++;
}
function stop()
{
clearInterval(timeId);
}
</script>
</head>

<body>
<font color="red" id ="num">0</font>秒钟
<input type = "button" value = "停止" onclick="stop();" >
</body>
</html>

结果：点击 Stop，计时停止

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航