首页 > 代码库 > setTimeout()与setInterval()方法区别介绍
setTimeout()与setInterval()方法区别介绍
计时器setTimeout()和setInterval()两个都是js的计时功能的函数两个有些区别，下面为大家简单介绍下，希望对大家有所帮助
计时器setTimeout()和setInterval()两个都是js的计时功能的函数两个有些区别。
setTimeout():
在js手册中的解释：用于在指定的毫秒数后调用函数或计算表达式；
也就是说在执行完设定好的秒数后再执行。
setTimeout():
在js手册中的解释：用于在指定的毫秒数后调用函数或计算表达式；
也就是说在执行完设定好的秒数后再执行。
代码如下:
setTimeout(function(){
$("body").css("background","red");
},5000);
setInterval():
在js手册中的解释： 按照指定的周期(以毫秒计)来调用函数或计算表达式. 会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭；
在你设定好的秒数里执行你自己效果代码或函数。
<div class="clock"></div>
<script>
var num = 0;
setInterval(function(){$(".clock").html(num++)},1000);
</script>
总结：
setTimeout()方法是在等待指定时间后执行函数, 且只执行一次传入的句柄函数.
setInterval()方法是每指定间隔时间后执行一次传入的句柄函数,循环执行直至关闭窗口或clearInterval().
setTimeout(function(){
$("body").css("background","red");
},5000);
setInterval():
在js手册中的解释： 按照指定的周期(以毫秒计)来调用函数或计算表达式. 会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭；
在你设定好的秒数里执行你自己效果代码或函数。
代码如下:
<div class="clock"></div>
<script>
var num = 0;
setInterval(function(){$(".clock").html(num++)},1000);
</script>
总结：
setTimeout()方法是在等待指定时间后执行函数, 且只执行一次传入的句柄函数.
setInterval()方法是每指定间隔时间后执行一次传入的句柄函数,循环执行直至关闭窗口或clearInterval().
setTimeout()与setInterval()方法区别介绍
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。