setTimeout()与setInterval()方法区别介绍
更新时间：2013年12月24日 15:59:39 作者：
计时器setTimeout()和setInterval()两个都是js的计时功能的函数两个有些区别，下面为大家简单介绍下，希望对大家有所帮助
计时器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():
在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().
您可能感兴趣的文章:
相关文章
发现一个关于浏览器兼容的问题，当用JS 执行代码 window.location.href=”http://www.jb51.net” 来进行跳转的时候，Firefox 可以获取到到HTTP_REFERER页面，但是在IE中这一项为空2014-06-06
现在浏览器种类也越来越多，诸如 IE、Firefox、Chrome、Safari等等，因此现在要实现一个js复制内容到剪贴板的小功能就不是一件那么容易的事了。2014-06-06
这篇文章主要为大家详细介绍了原生js实现碰撞检测，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
JS面向对象（3）之Object类，静态属性，闭包，私有属性， call和apply的使用，继承的三种实现方法
这篇文章主要介绍了JS面向对象（3）之Object类，静态属性，闭包，私有属性， call和apply的使用，继承的三种实现方法的相关资料,需要的朋友可以参考下2016-02-02
这篇文章主要介绍了如何解决html按钮切换绑定不同函数后点击时执行多次函数问题,需要的朋友可以参考下2014-05-05
本文给大家分享的是基于JavaScript的setCapture方法实现的拖动效果，非常的简单实用，有需要的小伙伴可以参考下2016-09-09
js switch case default 的用法示例介绍
switch case default的用法应该存在一部分人不会使用吧，其实很简单就是每个case后，一定要加：break；default，就相当于else，不会的朋友可以了解下2013-10-10
这篇文章主要给大家简单介绍了JavaScript中运算符的优先级的相关问题，十分的实用，有需要的小伙伴可以参考下。2015-07-07
JavaScript获取系统自带的颜色选择器功能,这个是针对IE浏览器，所以大家如果想用兼容性更好的代码，可以查看脚本之家的相关文章。2010-08-08
这篇文章主要为大家详细介绍了js实现上传图片及时预览的相关资料，具有一定的参考价值，感兴趣的朋友可以参考一下2016-05-05
最新评论