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 表单之间的数据传递代码
Dec 04 Javascript
JavaScript去掉数组中的重复元素
Jan 13 Javascript
jquery实现滑动特效代码
Aug 10 Javascript
AngularJS 最常用的功能汇总
Feb 17 Javascript
JavaScript实现自动切换图片代码
Oct 11 Javascript
js实现一键复制功能
Mar 16 Javascript
JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法
Mar 30 Javascript
web前端开发中常见的多列布局解决方案整理(一定要看)
Oct 15 Javascript
jQuery zTree搜索-关键字查询 递归无限层功能实现代码
Jan 25 jQuery
vue input输入框模糊查询的示例代码
May 22 Javascript
vue 实现边输入边搜索功能的实例讲解
Sep 16 Javascript
基于vuex实现购物车功能
Jan 10 Vue.js
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
在yii中新增一个用户验证的方法详解
2013/06/20 PHP
PHP生成唯一订单号
2015/07/05 PHP
PHP 与 UTF-8 的最佳实践详细介绍
2017/01/04 PHP
21个JavaScript事件(Events)属性汇总
2014/12/02 Javascript
JavaScript事件委托技术实例分析
2015/02/06 Javascript
jquery读取xml文件实现省市县三级联动的方法
2015/05/29 Javascript
jQuery插件实现静态HTML验证码校验
2015/11/06 Javascript
jQuery表格插件datatables用法汇总
2016/03/29 Javascript
JQuery遍历元素的后代和同胞实现方法
2016/09/18 Javascript
深入理解Angularjs向指令传递数据双向绑定机制
2016/12/31 Javascript
vue2.X组件学习心得(新手必看篇)
2017/07/05 Javascript
jQuery中extend函数简单用法示例
2017/10/11 jQuery
Vue-input框checkbox强制刷新问题
2019/04/18 Javascript
vue scroll滚动判断的实现(是否滚动到底部、滚动方向、滚动节流、获取滚动区域dom元素)
2020/06/11 Javascript
JS实现公告上线滚动效果
2021/01/10 Javascript
python中将字典形式的数据循环插入Excel
2018/01/16 Python
python脚本生成caffe train_list.txt的方法
2018/04/27 Python
Python寻找两个有序数组的中位数实例详解
2018/12/05 Python
Django中如何使用sass的方法步骤
2019/07/09 Python
django做form表单的数据验证过程详解
2019/07/26 Python
python 使用pdfminer3k 读取PDF文档的例子
2019/08/27 Python
使用OpenCV实现仿射变换—缩放功能
2019/08/29 Python
利用python实现凯撒密码加解密功能
2020/03/31 Python
用CSS3实现Win8风格的方格导航菜单效果
2013/04/10 HTML / CSS
使用HTML5中的contentEditable来将多行文本自动增高
2016/03/01 HTML / CSS
巴西家用小家电购物网站:Polishop
2016/08/07 全球购物
萨克斯第五大道的折扣店:Saks Fifth Avenue OFF 5TH
2016/08/25 全球购物
美国顶级水上运动专业店:Marine Products
2018/04/15 全球购物
土木工程专业本科生求职信
2014/10/01 职场文书
单位工作证明
2014/10/07 职场文书
司考复习计划
2015/01/19 职场文书
社区环境卫生倡议书
2015/04/29 职场文书
laravel ajax curd 搜索登录判断功能的实现
2021/04/17 PHP
Java设计模式之享元模式示例详解
2022/03/03 Java/Android
Java 超详细讲解设计模式之中的抽象工厂模式
2022/03/25 Java/Android
SpringBoot使用ip2region获取地理位置信息的方法
2022/06/21 Java/Android