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


Posted in Javascript onDecember 24, 2013

计时器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().

Javascript 相关文章推荐
jQuery 技巧大全(新手入门篇)
May 12 Javascript
js 复制或插入Html的实现方法小结
May 19 Javascript
jquery 查找新建元素代码
Jul 06 Javascript
JavaScript下通过的XMLHttpRequest发送请求的代码
Jun 28 Javascript
Js日期选择器并自动加入到输入框中示例代码
Aug 02 Javascript
我的Node.js学习之路(二)NPM模块管理
Jul 06 Javascript
JS数组的常见用法实例
Feb 10 Javascript
jquery 中ajax执行的优先级
Jun 22 Javascript
JQuery日期插件datepicker的使用方法
Mar 03 Javascript
基于JS实现导航条之调用网页助手小精灵的方法
Jun 17 Javascript
基于Javascript实现文件实时加载进度的方法
Oct 12 Javascript
B/S(Web)实时通讯解决方案分享
Apr 06 Javascript
Jquery 动态生成表格示例代码
Dec 24 #Javascript
js 异步操作回调函数如何控制执行顺序
Dec 24 #Javascript
表格奇偶行设置不同颜色的核心JS代码
Dec 24 #Javascript
js中function()使用方法
Dec 24 #Javascript
document节点对象的获取方式示例介绍
Dec 24 #Javascript
JQuery结合CSS操作打印样式的方法
Dec 24 #Javascript
jQuery动态改变图片显示大小(修改版)的实现思路及代码
Dec 24 #Javascript
You might like
十天学会php之第一天
2006/10/09 PHP
劣质的PHP代码简化
2010/02/08 PHP
PHP判断来访是搜索引擎蜘蛛还是普通用户的代码小结
2015/09/14 PHP
Array.prototype 的泛型应用分析
2010/04/30 Javascript
js的写法基础分析
2011/01/17 Javascript
js数组的操作详解
2013/03/27 Javascript
改变文件域的样式实现思路同时兼容ie、firefox
2013/10/23 Javascript
javascript获取鼠标点击元素对象(示例代码)
2013/12/20 Javascript
通过遮罩层实现浮层DIV登录的js代码
2014/02/07 Javascript
jquery仿百度经验滑动切换浏览效果
2015/04/14 Javascript
node.js入门实例helloworld详解
2015/12/23 Javascript
JS控制弹出悬浮窗口(一览画面)的实例代码
2016/05/30 Javascript
JavaScript 身份证号有效验证详解及实例代码
2016/10/20 Javascript
node+express制作爬虫教程
2016/11/11 Javascript
vue数据双向绑定原理解析(get &amp; set)
2017/03/08 Javascript
十分钟带你快速了解React16新特性
2017/11/10 Javascript
浅谈react-router HashRouter和BrowserRouter的使用
2017/12/29 Javascript
js实现鼠标拖拽缩放div实例代码
2019/03/25 Javascript
一篇文章带你搞懂Vue虚拟Dom与diff算法
2020/08/25 Javascript
VUE Elemen-ui之穿梭框使用方法详解
2021/01/19 Javascript
Python网页解析利器BeautifulSoup安装使用介绍
2015/03/17 Python
python实现在sqlite动态创建表的方法
2015/05/08 Python
网站渗透常用Python小脚本查询同ip网站
2017/05/08 Python
python操作oracle的完整教程分享
2018/01/30 Python
python网络爬虫学习笔记(1)
2018/04/09 Python
Python3批量生成带logo的二维码方法
2019/06/24 Python
python字符串查找函数的用法详解
2019/07/08 Python
tensorflow2.0与tensorflow1.0的性能区别介绍
2020/02/07 Python
spyder 在控制台(console)执行python文件,debug python程序方式
2020/04/20 Python
.img/.hdr格式转.nii格式的操作
2020/07/01 Python
keras训练浅层卷积网络并保存和加载模型实例
2020/07/02 Python
员工安全生产责任书
2014/07/22 职场文书
学习型党组织心得体会
2014/09/12 职场文书
技术股东合作协议书
2014/12/02 职场文书
英语辞职信怎么写
2015/02/28 职场文书
nginx前后端同域名配置的方法实现
2021/03/31 Servers