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

168 阅读 0 评论 111 点赞

我是靠谱客的博主着急帆布鞋，最近开发中收集的这篇文章主要介绍setTimeout()与setInterval()方法区别介绍，觉得挺不错的，现在分享给大家，希望可以做个参考。

计时器setTimeout()和setInterval()两个都是js的计时功能的函数两个有些区别。

setTimeout():

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

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

实验代码（改变body背景颜色）：

复制代码代码如下:

 
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()方法区别介绍的全部内容，希望文章能够帮你解决setTimeout()与setInterval()方法区别介绍所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。