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极简入门教程(二):对象和函数
Oct 25 Javascript
js实现瀑布流效果(自动生成新的内容)
Mar 16 Javascript
JS实现二叉查找树的建立以及一些遍历方法实现
Apr 17 Javascript
three.js 入门案例详解
Jan 23 Javascript
vue.js 微信支付前端代码分享
Feb 10 Javascript
Koa日志中间件封装开发详解
Mar 09 Javascript
layui表格分页 记录勾选的实例
Sep 02 Javascript
webgl实现物体描边效果的方法介绍
Nov 27 Javascript
微信小程序加载机制及运行机制图解
Nov 27 Javascript
详解关于Vue单元测试的几个坑
Apr 26 Javascript
Javascript前端下载后台传来的文件流代码实例
Aug 18 Javascript
React Ant Design树形表格的复杂增删改操作
Nov 02 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
特详细的PHPMYADMIN简明安装教程
2008/08/01 PHP
CodeIgniter框架中_remap()使用方法2例
2014/03/10 PHP
php使用正则表达式获取字符串中的URL
2016/12/29 PHP
Laravel5中Cookie的使用详解
2017/05/03 PHP
JQuery浮动DIV提示信息并自动隐藏的代码
2010/08/29 Javascript
腾讯UED 漂亮的提示信息效果代码
2011/09/12 Javascript
jquery.boxy弹出框(后隔N秒后自动隐藏/自动跳转)
2013/01/15 Javascript
javascript date格式化示例
2013/09/25 Javascript
禁止拷贝网页内容的js代码
2014/01/22 Javascript
jQuery中outerHeight()方法用法实例
2015/01/19 Javascript
jQuery实现的感应鼠标悬停图片色彩渐显效果
2015/03/03 Javascript
JavaScript常用基础知识强化学习
2015/12/09 Javascript
JavaScript类型系统之正则表达式
2016/01/05 Javascript
JS代码实现根据时间变换页面背景效果
2016/06/16 Javascript
jQuery实现左侧导航模块的显示与隐藏效果
2016/07/04 Javascript
详解自动生成博客目录案例
2016/12/09 Javascript
JS中append字符串包含onclick无效传递参数失败的解决方案
2016/12/26 Javascript
JavaScript使用链式方法封装jQuery中CSS()方法示例
2017/04/07 jQuery
微信小程序实现登录页云层漂浮的动画效果
2017/05/05 Javascript
最基础的vue.js双向绑定操作
2017/08/23 Javascript
解决angular2 获取到的数据无法实时更新的问题
2018/08/31 Javascript
Python实现全局变量的两个解决方法
2014/07/03 Python
在Python中使用HTML模版的教程
2015/04/29 Python
Python的Django框架中自定义模版标签的示例
2015/07/20 Python
python列表操作之extend和append的区别实例分析
2015/07/28 Python
Python中的descriptor描述器简明使用指南
2016/06/02 Python
TensorFlow查看输入节点和输出节点名称方式
2020/01/04 Python
python爬虫实例之获取动漫截图
2020/05/31 Python
简单了解Django项目应用创建过程
2020/07/06 Python
python语音识别指南终极版(有这一篇足矣)
2020/09/09 Python
使用JS+CSS3技术:让你的名字动起来
2013/04/27 HTML / CSS
一家专门做特卖的网站:唯品会
2016/10/09 全球购物
台湾菁英交友:结识黄金单身的台湾人
2018/01/22 全球购物
移动通信专业自荐信范文
2013/11/12 职场文书
交通安全温馨提示语
2015/07/14 职场文书
2016年“12.3”国际残疾人日活动总结
2016/04/01 职场文书