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 相关文章推荐
免费空间广告万能消除代码
Sep 04 Javascript
DIV外区域Click后关闭DIV的实现代码
Dec 21 Javascript
Javascript中For In语句用法实例
May 14 Javascript
JS数组array元素的添加和删除方法代码实例
Jun 01 Javascript
超赞的动手创建JavaScript框架的详细教程
Jun 30 Javascript
JQuery日历插件My97DatePicker日期范围限制
Jan 20 Javascript
jquery,js简单实现类似Angular.js双向绑定
Jan 13 Javascript
JS实现多级菜单中当前菜单不随页面跳转样式而发生变化
May 30 Javascript
vue、react等单页面项目应该这样子部署到服务器
Jan 03 Javascript
Vue Socket.io源码解读
Feb 07 Javascript
如何通过shell脚本自动生成vue文件详解
Sep 10 Javascript
vue 子组件和父组件传值的示例
Sep 11 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简单实现MVC
2015/02/05 PHP
几个优化WordPress中JavaScript加载体验的插件介绍
2015/12/17 PHP
PHP 出现 http500 错误的解决方法
2021/03/09 PHP
jquery HotKeys轻松搞定键盘事件代码
2008/08/30 Javascript
javascript下判断一个对象是否具有指定名称的属性的的代码
2010/01/11 Javascript
基于Jquery的将DropDownlist的选中值赋给label的实现代码
2011/05/06 Javascript
jQuery实现菜单感应鼠标滑动动画效果的方法
2015/02/28 Javascript
jQuery实现平滑滚动到指定锚点的方法
2015/03/20 Javascript
基于Jquery实现表单验证
2020/07/20 Javascript
jQuery插件Timelinr 实现时间轴特效
2015/10/04 Javascript
十大 Node.js 的 Web 框架(快速提升工作效率)
2017/06/30 Javascript
AngularJS实现表格的增删改查(仅限前端)
2017/07/04 Javascript
JS实现图片手风琴效果
2020/04/17 Javascript
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
2019/02/20 jQuery
vue 监听窗口变化对页面部分元素重新渲染操作
2020/07/28 Javascript
解决Can't find variable: SockJS vue项目的问题
2020/09/22 Javascript
[06:13]DOTA2进化论(修改版)
2013/10/08 DOTA
[40:04]Secret vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.23
2019/09/05 DOTA
在Python中移动目录结构的方法
2016/01/31 Python
简单了解django索引的相关知识
2019/07/17 Python
Python绘制股票移动均线的实例
2019/08/24 Python
Python模块future用法原理详解
2020/01/20 Python
Python底层封装实现方法详解
2020/01/22 Python
tensorflow mnist 数据加载实现并画图效果
2020/02/05 Python
Python爬虫JSON及JSONPath运行原理详解
2020/06/04 Python
如何向scrapy中的spider传递参数的几种方法
2020/11/18 Python
css3媒体查询中device-width和width的区别详解
2020/03/27 HTML / CSS
html svg生成环形进度条的实现方法
2019/09/23 HTML / CSS
美国在线工具商店:Acme Tools
2018/06/26 全球购物
京剧自荐信
2014/01/26 职场文书
餐饮收银员岗位职责
2014/02/07 职场文书
项目合作协议书范本
2014/04/16 职场文书
感恩之星事迹材料
2014/05/03 职场文书
活动总结结尾怎么写
2014/08/30 职场文书
六一儿童节新闻稿
2015/07/17 职场文书
mysql知识点整理
2021/04/05 MySQL