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 07 Javascript
Jquey拖拽控件Draggable使用方法(asp.net环境)
Sep 28 Javascript
javascript实现数独解法
Mar 14 Javascript
jQuery实现的表头固定效果实例【附完整demo源码下载】
Aug 01 Javascript
jQuery通过ajax快速批量提交表单数据
Oct 25 Javascript
通过jsonp获取json数据实现AJAX跨域请求
Jan 22 Javascript
Vue2.0设置全局样式(less/sass和css)
Nov 18 Javascript
jQuery实现鼠标点击处心形漂浮的炫酷效果示例
Apr 12 jQuery
基于JS实现带动画效果的流程进度条
Jun 01 Javascript
AngularJs分页插件使用详解
Jun 30 Javascript
JavaScript数据结构与算法之基本排序算法定义与效率比较【冒泡、选择、插入排序】
Feb 21 Javascript
对vue中的事件穿透与禁止穿透实例详解
Oct 28 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实现Ftp用户的在线管理的代码
2007/03/06 PHP
ecshop 批量上传(加入自定义属性)
2012/03/20 PHP
浅析虚拟主机服务器php fsockopen函数被禁用的解决办法
2013/08/07 PHP
迁移PHP版本到PHP7
2015/02/06 PHP
thinkphp3.x中cookie方法的用法分析
2016/05/19 PHP
PHP PDO操作MySQL基础教程
2017/06/05 PHP
PHP使用glob方法遍历文件夹下所有文件的实例
2018/10/17 PHP
VBScript版代码高亮
2006/06/26 Javascript
js停止输出代码
2008/07/20 Javascript
理解JSON:3分钟课程
2011/10/28 Javascript
JavaScript italics方法入门实例(把字符串显示为斜体)
2014/10/17 Javascript
Javascript中的五种数据类型详解
2014/12/26 Javascript
js实现Select列表各项上移和下移的方法
2015/08/14 Javascript
jquery带翻页动画的电子杂志代码分享
2015/08/21 Javascript
前端程序员必须知道的高性能Javascript知识
2016/08/24 Javascript
浅析上传头像示例及其注意事项
2016/12/14 Javascript
jQuery插件zTree实现获取一级节点数据的方法
2017/03/08 Javascript
swiper 解决动态加载数据滑动失效的问题
2018/02/26 Javascript
vue-cli项目中使用公用的提示弹层tips或加载loading组件实例详解
2018/05/28 Javascript
vue watch普通监听和深度监听实例详解(数组和对象)
2018/08/16 Javascript
详解一个小实例理解js原型和继承
2019/04/24 Javascript
小程序自定义导航栏兼容适配所有机型(附完整案例)
2020/04/26 Javascript
[59:36]2018DOTA2亚洲邀请赛 4.3 突围赛 Secret vs VG 第二场
2018/04/04 DOTA
使用C语言来扩展Python程序和Zope服务器的教程
2015/04/14 Python
Python聚类算法之凝聚层次聚类实例分析
2015/11/20 Python
python print输出延时,让其立刻输出的方法
2019/01/07 Python
Windows下python3安装tkinter的问题及解决方法
2020/01/06 Python
Django Model层F,Q对象和聚合函数原理解析
2020/11/12 Python
Django前后端分离csrf token获取方式
2020/12/25 Python
jupyter notebook指定启动目录的方法
2021/03/02 Python
关于HTML5语义标签的实践(blog页面)
2016/07/12 HTML / CSS
俄罗斯设计师家具购物网站:The Furnish
2019/12/01 全球购物
实习生求职自荐信
2014/02/07 职场文书
保护地球的标语
2014/06/17 职场文书
网络工程专业大学生求职信
2014/10/01 职场文书
南湾猴岛导游词
2015/02/09 职场文书