您的位置
主页 > 网站技术 > 语言编程 > » 正文

setTimeout()与setInterval()方法区别介绍

来源: 站长圈 点击:

计时器setTimeout()和setInterval()两个都是js的计时功能的函数两个有些区别,下面为大家简单介绍一下,有需要的朋友可以参考一下,希望对大家有所帮助!

setTimeout(): 

在js手册中的解释:用于在指定的毫秒数后调用函数或计算表达式; 

也就是说在执行完设定好的秒数后再执行。 

实验代码(改变body背景颜色): 

复制代码 代码如下:

setTimeout(function(){ 

$("body").css("background","red"); 

},5000); 

setInterval(): 

在js手册中的解释: 按照指定的周期(以毫秒计)来调用函数或计算表达式. 会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭; 

在你设定好的秒数里执行你自己效果代码或函数。 

实验代码(数秒实验): 

复制代码 代码如下:

<p class="clock"></p> 

<script> 

var num = 0; 

setInterval(function(){$(".clock").html(num++)},1000); 

</script> 

总结: 

setTimeout()方法是在等待指定时间后执行函数, 且只执行一次传入的句柄函数. 

setInterval()方法是每指定间隔时间后执行一次传入的句柄函数,循环执行直至关闭窗口或clearInterval(). 




首页  - 关于站长圈  - 广告服务  - 联系我们  - 关于站长圈  - 网站地图  - 版权声明