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的动态表格插件
Mar 28 Javascript
Jquery判断IE6等浏览器的代码
Apr 05 Javascript
关于eval 与new Function 到底该选哪个?
Apr 17 Javascript
jquery插件tooltipv顶部淡入淡出效果使用示例
Dec 05 Javascript
JS运动相关知识点小结(附弹性运动示例)
Jan 08 Javascript
jquery实现简单的遮罩层
Jan 08 Javascript
vue.js 表格分页ajax 异步加载数据
Oct 18 Javascript
微信小程序 页面传参实例详解
Nov 16 Javascript
JS实现的自动打字效果示例
Mar 10 Javascript
socket.io与pm2(cluster)集群搭配的解决方案
Jun 02 Javascript
JavaScript解析任意形式的json树型结构展示
Jul 23 Javascript
ajax请求data遇到的问题分析
Jan 18 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实现合并discuz用户
2015/08/05 PHP
如何在Laravel之外使用illuminate组件详解
2020/09/20 PHP
javascript instanceof,typeof的区别
2010/03/24 Javascript
JavaScript定义类或函数的几种方式小结
2011/01/09 Javascript
js操纵dom生成下拉列表框的方法
2014/02/24 Javascript
两个多选select(multiple左右)添加、删除选项和取值实例
2014/05/12 Javascript
让JavaScript和其它资源并发下载的方法
2014/10/16 Javascript
浅谈Javascript中深复制
2014/12/01 Javascript
JavaScript不使用prototype和new实现继承机制
2014/12/29 Javascript
js超时调用setTimeout和间歇调用setInterval实例分析
2015/01/28 Javascript
再谈javascript常见错误及解决方法
2016/09/16 Javascript
js实现抽奖效果
2017/03/27 Javascript
Nuxt.js踩坑总结分享
2018/01/18 Javascript
JavaScript碎片—函数闭包(模拟面向对象)
2019/03/13 Javascript
使用Easyui实现查询条件的后端传递并自动刷新表格的两种方法
2019/09/09 Javascript
js中console在一行内打印字符串和对象的方法
2019/09/10 Javascript
vue 解决data中定义图片相对路径页面不显示的问题
2020/08/13 Javascript
[00:32]2018DOTA2亚洲邀请赛出场——LGD
2018/04/04 DOTA
[55:35]VGJ.S vs Mski Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
Python基于sftp及rsa密匙实现远程拷贝文件的方法
2016/09/21 Python
利用Python写一个爬妹子的爬虫
2018/06/08 Python
PowerBI和Python关于数据分析的对比
2019/07/11 Python
Python autoescape标签用法解析
2020/01/17 Python
Python日志:自定义输出字段 json格式输出方式
2020/04/27 Python
Python捕获异常堆栈信息的几种方法(小结)
2020/05/18 Python
解决Python安装cryptography报错问题
2020/09/03 Python
python cookie反爬处理的实现
2020/11/01 Python
世界上最大的专业美容用品零售商:Sally Beauty
2017/07/02 全球购物
美国折扣香水网站:The Perfume Spot
2020/12/12 全球购物
Linux中如何用命令创建目录
2016/12/02 面试题
优秀毕业生求职信范文
2014/01/02 职场文书
会议活动邀请函
2014/01/27 职场文书
个人政风行风自查自纠报告
2014/10/21 职场文书
2015年乡镇党务公开工作总结
2015/05/19 职场文书
JavaScript嵌入百度地图API的最详细方法
2021/04/16 Javascript
redis 解决库存并发问题实现数量控制
2022/04/08 Redis