实例解释setTimeout和setInterval的区别

最新推荐文章于 2023-11-28 13:53:29 发布

iteye_12827

最新推荐文章于 2023-11-28 13:53:29 发布

阅读量163

点赞数

文章标签： javascript ViewUI

本文解释了JavaScript中setTimeout和setInterval的区别，包括它们的工作原理、应用场景及代码实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
" http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
</head>
<body>
<p>
setTimeout和setInterval的区别在于,timeout的意思是:暂时休息,就是等到以现在为基准再过指定的毫秒数之后再执行里面的方法,
但是它只执行一次(下面),而setInterval的含义是:间隔,就是每间隔指定的毫秒数就执行一次指定的方法,除非是把引用这个setInterval的这个
变量给清除了.
</p>
<br>
<div id='output'></div>
<div id="output1"></div>
<script type="text/javascript">
var c=10;
(function () {
if(c) {
//定时器,延迟一秒再调用这个函数
setTimeout(arguments.callee,1000);
//arguments.callee是调用调用者本身了
//不过IE是不支持arguments.callee这个用法的
}
document.getElementById('output').innerHTML="setTimeout\t"+c;
c--;
})();
</script>
<script type="text/javascript">
var c=10;
document.getElementById('output1').innerHTML="setInterval\t"+c;
//计数器每一秒钟调用一次setInterval中第一个参数指定的function
var timer=setInterval(
function () {
document.getElementById('output1').innerHTML="setInterval\t"+(--c);
if(c==0) clearInterval(timer);
//如果不消除计时器,他将会继续的运行下去,你可以把上面一行的代码注释掉就可以看到效果了
},1000
);
</script>
</body>
</html>