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 三种编解码方式
Feb 01 Javascript
javascript特殊用法示例介绍
Nov 29 Javascript
巧用jquery解决下拉菜单被Div遮挡的相关问题
Feb 13 Javascript
javascript闭包传参和事件的循环绑定示例探讨
Apr 17 Javascript
JavaScript实现16进制颜色值转RGB的方法
Feb 09 Javascript
jQuery幻灯片特效代码分享--鼠标滑过按钮时切换(2)
Nov 18 Javascript
jQuery使用Layer弹出层插件闪退问题
Dec 22 Javascript
javascript实现去除HTML标签的方法
Dec 26 Javascript
浅谈ng-zorro使用心得
Dec 03 Javascript
Element Steps步骤条的使用方法
Jul 26 Javascript
DWR内存兼容及无法调用问题解决方案
Oct 16 Javascript
Vue实现boradcast和dispatch的示例
Nov 13 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+javascript的日历控件
2009/11/19 PHP
PHP中异常处理的一些方法整理
2015/07/03 PHP
教大家制作简单的php日历
2015/11/17 PHP
php类自动装载、链式操作、魔术方法实现代码
2017/07/23 PHP
Smarty模板配置实例简析
2019/07/20 PHP
phpstudy后门rce批量利用脚本的实现
2019/12/12 PHP
php的instanceof和判断闭包Closure操作示例
2020/01/26 PHP
Yii 框架使用Forms操作详解
2020/05/18 PHP
javascript 异常处理使用总结
2009/06/21 Javascript
Javascript 刷新全集常用代码
2009/11/22 Javascript
33个优秀的 jQuery 图片展示插件分享
2012/03/14 Javascript
JS实现闪动的title消息提醒效果
2014/06/20 Javascript
javascript父子页面通讯实例详解
2015/07/17 Javascript
基于replaceChild制作简单的吞噬特效
2015/09/21 Javascript
深入学习JavaScript的AngularJS框架中指令的使用方法
2016/03/05 Javascript
基于vue2框架的机器人自动回复mini-project实例代码
2017/06/13 Javascript
JS使用tween.js动画库实现轮播图并且有切换功能
2018/07/17 Javascript
AngularJS ui-router刷新子页面路由的方法
2018/07/23 Javascript
微信小程序url传参写变量的方法
2018/08/09 Javascript
微信小程序中使用Async-await方法异步请求变为同步请求方法
2019/03/28 Javascript
浅析Vue下的components模板使用及应用
2019/11/27 Javascript
Python 记录日志的灵活性和可配置性介绍
2018/02/27 Python
pyhton中__pycache__文件夹的产生与作用详解
2019/11/24 Python
python 实现检验33品种数据是否是正态分布
2019/12/09 Python
python对XML文件的操作实现代码
2020/03/27 Python
python空元组在all中返回结果详解
2020/12/15 Python
Python之qq自动发消息的示例代码
2021/02/18 Python
HTML5样式控制示例代码
2013/11/27 HTML / CSS
会走动的图形html5时钟示例
2014/04/27 HTML / CSS
使用canvas一步步实现图片打码功能的方法
2019/06/17 HTML / CSS
科研先进个人典型材料
2014/01/31 职场文书
运动会口号大全
2014/06/07 职场文书
购房意向书
2014/08/30 职场文书
营业员岗位职责范本
2015/04/14 职场文书
2015年物资管理工作总结
2015/05/20 职场文书
2016个人廉洁自律承诺书
2016/03/25 职场文书