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 相关文章推荐
关于document.cookie的使用javascript
Oct 29 Javascript
jquery实现文本框鼠标右击无效以及不能输入的代码
Nov 05 Javascript
动态的改变IFrame的高度实现IFrame自动伸展适应高度
Dec 28 Javascript
js读写cookie实现一个底部广告浮层效果的两种方法
Dec 29 Javascript
js中settimeout方法加参数
Feb 28 Javascript
jQuery+css3实现文字跟随鼠标的上下抖动
Jul 31 Javascript
深入理解Javascript中的观察者模式
Feb 20 Javascript
bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能
Dec 28 Javascript
微信小程序实现原生步骤条
Jul 25 Javascript
Node.js 深度调试方法解析
Jul 28 Javascript
详解Howler.js Web音频播放终极解决方案
Aug 23 Javascript
js实现上传图片到服务器
Apr 11 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
PHP+Mysql+jQuery查询和列表框选择操作实例讲解
2015/10/22 PHP
Yii2选项卡的简单使用
2017/05/26 PHP
PHP利用Socket获取网站的SSL证书与公钥
2017/06/18 PHP
解读IE和firefox下JScript和HREF的执行顺序
2008/01/12 Javascript
JS解密入门 最终变量劫持
2008/06/25 Javascript
实现连缀调用的map方法(prototype)
2009/08/05 Javascript
jquery的冒泡事件的阻止与允许(三种实现方法)
2013/02/01 Javascript
网站繁简切换的JS遇到页面卡死的解决方法
2014/03/12 Javascript
jQuery控制的不同方向的滑动(向左、向右滑动等)
2014/07/18 Javascript
JS不能跨域借助jquery获取IP地址的方法
2014/08/20 Javascript
JavaScript 封装一个tab效果源码分享
2015/09/15 Javascript
JS实现websocket长轮询实时消息提示的效果
2017/10/10 Javascript
微信小程序实现流程进度的图样式功能
2018/01/16 Javascript
基于vue2.0实现仿百度前端分页效果附实现代码
2018/10/30 Javascript
详解基于原生JS验证表单组件xy-form
2019/08/20 Javascript
ionic+html5+API实现双击返回键退出应用
2019/09/17 Javascript
详解vue中v-model和v-bind绑定数据的异同
2020/08/10 Javascript
VSCode 添加自定义注释的方法(附带红色警戒经典注释风格)
2020/08/27 Javascript
vue 修改 data 数据问题并实时显示操作
2020/09/07 Javascript
关于Python数据结构中字典的心得
2017/12/04 Python
Python实现的HMacMD5加密算法示例
2018/04/03 Python
Python实现定时精度可调节的定时器
2018/04/15 Python
浅析python中numpy包中的argsort函数的使用
2018/08/30 Python
Python正则表达式指南 推荐
2018/10/09 Python
Python常见的pandas用法demo示例
2019/03/16 Python
最新PyCharm 2020.2.3永久激活码(亲测有效)
2020/11/26 Python
Python爬虫之Selenium库的使用方法
2021/01/03 Python
英国假睫毛购买网站:FalseEyelashes.co.uk
2018/05/23 全球购物
英国排名第一的宠物店:PetPlanet
2020/02/02 全球购物
李敖北大演讲稿
2014/05/24 职场文书
军事博物馆观后感
2015/06/05 职场文书
百万英镑观后感
2015/06/09 职场文书
利用 SQL Server 过滤索引提高查询语句的性能分析
2021/07/15 SQL Server
Java死锁的排查
2022/05/11 Java/Android
Win11如何查看显卡型号 Win11查看显卡型号的方法
2022/08/14 数码科技