JavaScript SetInterval与setTimeout使用方法详解


Posted in Javascript onNovember 15, 2013

setTimeout和setInterval的语法相同。它们都有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码。
不过这两个函数还是有区别的,setInterval在执行完一次代码之后,经过了那个固定的时间间隔,它还会自动重复执行代码,而setTimeout只执行一次那段代码。
区别:
window.setTimeout("function",time);//设置一个超时对象,只执行一次,无周期
window.setInterval("function",time);//设置一个超时对象,周期='交互时间'
停止定时:
window.clearTimeout(对象) 清除已设置的setTimeout对象
window.clearInterval(对象) 清除已设置的setInterval对象

PerRefresh();function PerRefresh() {
     var today = new Date();
     alert("The time is: " + today.toString());
     setTimeout("showTime()", 5000);
}

 一旦调用了这个函数PerReflesh,那么就会每隔5秒钟就显示一次时间
setInterval("PerRefresh()", 5000);function PerRefresh() {
     var today = new Date();
     alert("The time is: " + today.toString());
}

而setInterval却没有被自己所调用的函数所束缚,它只是简单地每隔一定时间就重复执行一次那个函数。
只要调用了setInterval("PerRefresh()", 5000)此函数,那么每隔5秒钟就会执行PerRefresh这个函数。
如果要求在每隔一个固定的时间间隔后就精确地执行某动作,那么最好使用setInterval,而如果不想由于连续调用产生互相干扰的问题,尤其是每次函数的调用需要繁重的计算以及很长的处理时间,那么最好使用setTimeout。
setInterval 不断地执行指定代码直到调用clearInterval清除定时器对象
setTimeout 执行一次指定代码,使用clearTimeout清除定时器对象
setInterval和setTimeout都返回定时器对象标识符,用于clearInterval和clearTimeout调用
Javascript 相关文章推荐
jQuery(1.3.2) 7行代码搞定跟随屏幕滚动的层
May 21 Javascript
JQuery中的$.getJSON 使用说明
Mar 10 Javascript
javascript上下方向键控制表格行选中并高亮显示的方法
Feb 13 Javascript
jQuery使用元素属性attr赋值详解
Feb 27 Javascript
JavaScript为事件句柄绑定监听函数实例详解
Dec 15 Javascript
基于jQuery实现仿51job城市选择功能实例代码
Mar 02 Javascript
AJAX实现瀑布流触发分页与分页触发瀑布流的方法
May 23 Javascript
基于jQuery实现手风琴菜单、层级菜单、置顶菜单、无缝滚动效果
Jul 20 jQuery
JavaScript事件冒泡与事件捕获实例分析
Aug 01 Javascript
解决angular2 获取到的数据无法实时更新的问题
Aug 31 Javascript
解决vue跨域axios异步通信问题
Apr 17 Javascript
详解nuxt 微信公众号支付遇到的问题与解决
Aug 26 Javascript
jquery.ui.draggable中文文档(原文翻译)
Nov 15 #Javascript
Knockout text绑定DOM的使用方法
Nov 15 #Javascript
Knockout visible绑定使用方法
Nov 15 #Javascript
Knockout数组(observable)使用详解示例
Nov 15 #Javascript
图片上传插件jquery.uploadify详解
Nov 15 #Javascript
JQuery获取或设置ckeditor的数据(示例代码)
Nov 15 #Javascript
Json和Jsonp理论实例代码详解
Nov 15 #Javascript
You might like
深入了解php4(2)--重访过去
2006/10/09 PHP
PHP Ajax中文乱码问题解决方法
2009/02/27 PHP
短信提示使用 特效
2007/01/19 Javascript
javascript 跳转代码集合
2009/12/03 Javascript
jquery中输入验证中一个不错的效果
2010/08/21 Javascript
Extjs407 getValue()和getRawValue()区别介绍
2013/05/21 Javascript
基于jquery插件实现常见的幻灯片效果
2013/11/01 Javascript
微信浏览器内置JavaScript对象WeixinJSBridge使用实例
2015/05/25 Javascript
javascript中加var和不加var的区别 你真的懂吗
2016/01/06 Javascript
浅析jQuery事件之on()方法绑定多个选择器,多个事件
2016/04/27 Javascript
AngularJS删除路由中的#符号的方法
2016/09/20 Javascript
js实现数组内数据的上移和下移的实例
2017/11/14 Javascript
JavaScript生成简单等差数列
2017/11/28 Javascript
浅谈Vuejs中nextTick()异步更新队列源码解析
2017/12/31 Javascript
vue.js input框之间赋值方法
2018/08/24 Javascript
vue页面切换过渡transition效果
2018/10/08 Javascript
通过JavaScript下载文件到本地的方法(单文件)
2019/03/17 Javascript
详解vue3中组件的非兼容变更
2021/03/03 Vue.js
[02:51]2014DOTA2 TI小组赛总结中国军团全部进军钥匙球馆
2014/07/15 DOTA
Python中的自省(反射)详解
2015/06/02 Python
Python判断是否json是否包含一个key的方法
2018/12/31 Python
Python绘图实现显示中文
2019/12/04 Python
Pytorch 的损失函数Loss function使用详解
2020/01/02 Python
Python 将json序列化后的字符串转换成字典(推荐)
2020/01/06 Python
Keras 中Leaky ReLU等高级激活函数的用法
2020/07/05 Python
毕业生求职推荐信
2013/11/04 职场文书
模范家庭事迹材料
2014/02/10 职场文书
化学系大学生自荐信范文
2014/03/01 职场文书
党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
违纪检讨书范文
2015/01/27 职场文书
2016教师给学生的毕业寄语
2015/12/04 职场文书
党性教育心得体会(共6篇)
2016/01/21 职场文书
学校教代会开幕词
2016/03/04 职场文书
创业计划书之寿司
2019/07/19 职场文书
Python 发送SMTP邮件的简单教程
2021/06/24 Python
css3中2D转换之有趣的transform形变效果
2022/02/24 HTML / CSS