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 相关文章推荐
JavaScript窗口功能指南之在窗口中书写内容
Jul 21 Javascript
js文字滚动停顿效果代码
Jun 28 Javascript
ExtJS 学习专题(一) 如何应用ExtJS(附实例)
Mar 11 Javascript
ExtJS 刷新后如何默认选中刷新前最后一次选中的节点
Apr 03 Javascript
JQuery中解决重复动画的方法
Oct 17 Javascript
一篇看懂vuejs的状态管理神器 vuex状态管理模式
Apr 20 Javascript
微信小程序日期时间选择器使用方法
Feb 01 Javascript
react-navigation之动态修改title的内容
Sep 26 Javascript
vue使用echarts图表的详细方法
Oct 22 Javascript
重置Redux的状态数据的方法实现
Nov 18 Javascript
webpack优化之代码分割与公共代码提取详解
Nov 22 Javascript
解决vue页面渲染但dom没渲染的操作
Jul 27 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合并js请求的例子
2013/11/01 PHP
php中heredoc与nowdoc介绍
2014/12/25 PHP
javascript 常用功能总结
2012/03/18 Javascript
使用CSS3的scale实现网页整体缩放
2014/03/18 Javascript
JavaScript数组Array对象增加和删除元素方法总结
2015/01/20 Javascript
AngularJS 过滤器(自带和自建)详解
2016/09/19 Javascript
微信小程序实战之运维小项目
2017/01/17 Javascript
jQuery实现checkbox即点即改批量删除及中间遇到的坑
2017/11/11 jQuery
JS组件系列之Gojs组件 前端图形化插件之利器
2017/11/29 Javascript
使用webpack打包后的vue项目如何正确运行(express)
2018/10/26 Javascript
微信小程序之侧边栏滑动实现过程解析(附完整源码)
2019/08/23 Javascript
layui+jquery支持IE8的表格分页方法
2019/09/28 jQuery
vue.js实现h5机器人聊天(测试版)
2020/07/16 Javascript
echarts饼图各个板块之间的空隙如何实现
2020/12/01 Javascript
各种Python库安装包下载地址与安装过程详细介绍(Windows版)
2016/11/02 Python
Python实现利用最大公约数求三个正整数的最小公倍数示例
2017/09/30 Python
Python实现正弦信号的时域波形和频谱图示例【基于matplotlib】
2018/05/04 Python
Python将list中的string批量转化成int/float的方法
2018/06/26 Python
Python异常的检测和处理方法
2018/10/26 Python
Python2 Selenium元素定位的实现(8种)
2019/02/25 Python
Django使用Jinja2模板引擎的示例代码
2019/08/09 Python
Python3.7 读取 mp3 音频文件生成波形图效果
2019/11/05 Python
Python3 Tkinkter + SQLite实现登录和注册界面
2019/11/19 Python
pycharm无法导入本地模块的解决方式
2020/02/12 Python
pandas将list数据拆分成行或列的实现
2020/12/13 Python
使用Django的JsonResponse返回数据的实现
2021/01/15 Python
详解CSS3浏览器兼容
2016/12/14 HTML / CSS
美丽的现代设计家具:2Modern
2018/07/26 全球购物
泰国在线书店:SE-ED
2020/06/21 全球购物
好邻里事迹材料
2014/01/16 职场文书
公司端午节活动方案
2014/02/04 职场文书
社区母亲节活动记录
2014/03/06 职场文书
职务聘任书范文
2014/03/29 职场文书
制冷与空调专业毕业生推荐信
2014/07/07 职场文书
党的群众路线教育实践活动专题组织生活会发言材料
2014/10/17 职场文书
golang slice元素去重操作
2021/04/30 Golang