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初学:find()方法及children方法的区别分析
Jan 31 Javascript
Egret引擎开发指南之运行项目
Sep 03 Javascript
Angular2从搭建环境到开发步骤详解
Oct 17 Javascript
Bootstrap源码解读网格系统(3)
Dec 22 Javascript
详解VUE的状态控制与延时加载刷新
Mar 27 Javascript
用vue2.0实现点击选中active其他选项互斥的效果
Apr 12 Javascript
vue服务端渲染页面缓存和组件缓存的实例详解
Sep 18 Javascript
深入浅出 Vue 系列 -- 数据劫持实现原理
Apr 23 Javascript
使用微信SDK自定义分享的方法
Jul 03 Javascript
jQuery实现消息弹出框效果
Dec 10 jQuery
Vue + iView实现Excel上传功能的完整代码
Jun 22 Vue.js
elementui的el-popover修改样式不生效的解决
Jun 30 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
PHP5.0正式发布 不完全兼容PHP4 新增多项功能
2006/10/09 PHP
php 表单数据的获取代码
2009/03/10 PHP
php json_encode奇怪问题说明
2011/09/27 PHP
浅析PHP中的UNICODE 编码与解码
2013/06/29 PHP
一个比较不错的PHP日历类分享
2014/11/18 PHP
php中使用websocket详解
2016/09/23 PHP
基于thinkPHP框架实现留言板的方法
2016/10/17 PHP
php session的应用详细介绍
2017/03/22 PHP
基于jquery的模态div层弹出效果
2010/08/21 Javascript
javascript原型模式用法实例详解
2015/06/04 Javascript
用svg制作富有动态的tooltip
2015/07/17 Javascript
js实现微信分享代码
2020/10/11 Javascript
js获取隐藏元素宽高的实现方法
2016/05/19 Javascript
jQuery ajax调用后台aspx后台文件的两种常见方法(不是ashx)
2016/06/28 Javascript
jQuery+正则+文本框只能输入数字的实现方法
2016/10/07 Javascript
Bootstrap BootstrapDialog使用详解
2017/02/17 Javascript
Cookies 和 Session的详解及区别
2017/04/21 Javascript
php结合js实现多条件组合查询
2019/05/28 Javascript
javascript实现商品图片放大镜
2019/11/28 Javascript
精读《Vue3.0 Function API》
2020/05/20 Javascript
python 多线程应用介绍
2012/12/19 Python
Python使用Pandas对csv文件进行数据处理的方法
2019/08/01 Python
Python读取ini配置文件传参的简单示例
2021/01/05 Python
Python实现简单的2048小游戏
2021/03/01 Python
HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码功能
2018/01/03 HTML / CSS
Nili Lotan官网:Nili Lotan同名品牌
2018/01/07 全球购物
YSL圣罗兰美妆英国官网:Yves Saint Laurent Beauty UK
2019/08/03 全球购物
SQL Server面试题
2016/10/17 面试题
北京天润融通.net面试题笔试题
2012/02/20 面试题
绩效工资实施方案
2014/03/15 职场文书
委托培训协议书
2014/11/17 职场文书
2015年乡镇信访工作总结
2015/04/07 职场文书
入队仪式主持词
2015/07/04 职场文书
董事长新年致辞
2015/07/29 职场文书
导游词之阆中古城
2019/12/23 职场文书
使用Django实现商城验证码模块的方法
2021/06/01 Python