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 相关文章推荐
IE图片缓存document.execCommand(&quot;BackgroundImageCache&quot;,false,true)
Mar 01 Javascript
同域jQuery(跨)iframe操作DOM(示例代码)
Dec 13 Javascript
多种方法实现load加载完成后把图片一次性显示出来
Feb 19 Javascript
javascript 动态脚本添加的简单方法
Oct 11 Javascript
QRCode.js:基于JQuery的生成二维码JS库的使用
Jun 23 jQuery
Javascript中Promise的四种常用方法总结
Jul 14 Javascript
vue-cli项目中怎么使用mock数据
Sep 27 Javascript
vue2.0+koa2+mongodb实现注册登录
Apr 10 Javascript
Layui 设置select下拉框自动选中某项的方法
Aug 14 Javascript
微信小程序实现无限滚动列表
May 29 Javascript
js取小数点后两位四种方法
Jan 18 Javascript
JavaScript遍历数组的方法代码实例
Jan 14 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过滤危险html代码
2008/08/18 PHP
php面向对象全攻略 (十) final static const关键字的使用
2009/09/30 PHP
php 获取本机外网/公网IP的代码
2010/05/09 PHP
从php核心代码分析require和include的区别
2011/01/02 PHP
WordPress中制作导航菜单的PHP核心方法讲解
2015/12/11 PHP
php实现的mysqldb读写分离操作类示例
2017/02/07 PHP
thinkPHP中U方法加密传递参数功能示例
2018/05/29 PHP
jQuery探测位置的提示弹窗(toolTip box)详细解析
2013/11/14 Javascript
解析JSON对象与字符串之间的相互转换
2013/12/18 Javascript
jQuery在iframe中无法弹出对话框的解决方法
2014/01/12 Javascript
jquery手风琴特效插件
2015/02/04 Javascript
Angular使用ng-messages与PHP进行表单数据验证
2016/12/28 Javascript
vue element table 表格请求后台排序的方法
2018/09/28 Javascript
在vue中获取微信支付code及code被占用问题的解决方法
2019/04/16 Javascript
js实现随机抽奖
2020/03/19 Javascript
Python中的__SLOTS__属性使用示例
2015/02/18 Python
python任务调度实例分析
2015/05/19 Python
浅谈pandas中Dataframe的查询方法([], loc, iloc, at, iat, ix)
2018/04/10 Python
【python】matplotlib动态显示详解
2019/04/11 Python
python定位xpath 节点位置的方法
2019/08/27 Python
自适应线性神经网络Adaline的python实现详解
2019/09/30 Python
python中对_init_的理解及实例解析
2019/10/11 Python
基于Python绘制个人足迹地图
2020/06/01 Python
html5 实现客户端验证上传文件的大小(简单实例)
2016/05/15 HTML / CSS
HTML5中的websocket实现直播功能
2018/05/21 HTML / CSS
澳大利亚领先的在线礼品网站:Gifts Australia
2020/08/15 全球购物
初中三年学生的学习自我评价
2013/11/13 职场文书
法律专业应届生自荐信范文
2014/01/06 职场文书
致标枪运动员广播稿
2014/02/06 职场文书
《落花生》教学反思
2014/02/25 职场文书
三爱活动实施方案
2014/03/19 职场文书
企业法人授权委托书
2014/09/25 职场文书
先进工作者推荐材料
2014/12/23 职场文书
如何写一份具有法律效力的借款协议书?
2019/07/02 职场文书
Python 恐龙跑跑小游戏实现流程
2022/02/15 Python
mysql数据库实现设置字段长度
2022/06/10 MySQL