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 相关文章推荐
jQuery 幻灯片插件(带缩略图功能)
Jan 24 Javascript
Jquery原生态实现表格header头随滚动条滚动而滚动
Mar 18 Javascript
jquery实现图片按比例缩放示例
Jul 01 Javascript
Angularjs 滚动加载更多数据
Mar 17 Javascript
浅谈jQuery animate easing的具体使用方法(推荐)
Jun 17 Javascript
jQuery Ajax全解析
Feb 13 Javascript
通过jquery toggleClass()属性制作文章段落更改背景颜色
May 21 jQuery
小程序异步问题之多个网络请求依次执行并依次收集请求结果
May 05 Javascript
ES6的异步终极解决方案分享
Jul 11 Javascript
layui 实现加载动画以及非真实加载进度的方法
Sep 23 Javascript
在vscode 中设置 vue模板内容的方法
Sep 02 Javascript
AJAX检测用户名是否存在的方法
Mar 24 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
ThinkPHP自动填充实现无限级分类的方法
2014/08/22 PHP
php操作mongoDB实例分析
2014/12/29 PHP
php实现smarty模板无限极分类的方法
2015/12/07 PHP
Zend Framework框架实现类似Google搜索分页效果
2016/11/25 PHP
php获取网站根目录物理路径的几种方法(推荐)
2017/03/04 PHP
FLASH 广告之外的链接
2008/12/16 Javascript
JavaScript 撑出页面文字换行
2009/06/15 Javascript
jQuery Pagination Ajax分页插件(分页切换时无刷新与延迟)中文翻译版
2013/01/11 Javascript
jQuery 1.9使用$.support替代$.browser的使用方法
2014/05/27 Javascript
js实现文章文字大小字号功能完整实例
2014/11/01 Javascript
JavaScript手机振动API
2016/06/11 Javascript
纯js实现悬浮按钮组件
2016/12/17 Javascript
完美的js图片轮换效果
2017/02/05 Javascript
jQuery html表格排序插件tablesorter使用方法详解
2017/02/10 Javascript
BootStrap 表单控件之单选按钮水平排列
2017/05/23 Javascript
详解ES6语法之可迭代协议和迭代器协议
2018/01/13 Javascript
详解ES6中的Map与Set集合
2019/03/22 Javascript
javaScript代码飘红报错看不懂?读完这篇文章再试试
2020/08/19 Javascript
微信小程序实现点击导航条切换页面
2020/11/19 Javascript
python实现去除下载电影和电视剧文件名中的多余字符的方法
2014/09/23 Python
详细讲解用Python发送SMTP邮件的教程
2015/04/29 Python
详解Python中的条件判断语句
2015/05/14 Python
解决python 输出是省略号的问题
2018/04/19 Python
利用python在大量数据文件下删除某一行的例子
2019/08/21 Python
python实现超市商品销售管理系统
2019/11/22 Python
python如何编写win程序
2020/06/08 Python
Django windows使用Apache实现部署流程解析
2020/10/12 Python
美国乡村商店:Plow & Hearth
2016/09/12 全球购物
一套C++笔试题面试题
2012/06/06 面试题
广州足迹信息技术有限公司Java软件工程师试题
2014/02/15 面试题
安全教育实施方案
2014/03/02 职场文书
银行求职信怎么写
2014/05/26 职场文书
公司合并协议书范本
2014/09/30 职场文书
先进单位事迹材料
2014/12/25 职场文书
MySQL之PXC集群搭建的方法步骤
2021/05/25 MySQL
win10电脑双屏显示一个黑屏怎么办?win10电脑双屏显示一个黑屏解决方法
2022/07/15 数码科技