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 相关文章推荐
给moz-firefox下添加IE方法和属性
Apr 10 Javascript
ppk谈JavaScript style属性
Oct 10 Javascript
jquery 表单下所有元素的隐藏
Jul 25 Javascript
Js中setTimeout()和setInterval() 何时被调用执行的用法
Apr 12 Javascript
javascript中attachEvent用法实例分析
May 14 Javascript
你不需要jQuery(三) 新AJAX方法fetch()
Jun 14 Javascript
JavaScript中的Reflect对象详解(ES6新特性)
Jul 22 Javascript
vuejs如何配置less
Apr 25 Javascript
详解基于 axios 的 Vue 项目 http 请求优化
Sep 04 Javascript
vue实现商城购物车功能
Nov 27 Javascript
vue的常用组件操作方法应用分析
Apr 13 Javascript
解决Vue.js父组件$on无法监听子组件$emit触发事件的问题
Sep 12 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的错误信息
2006/10/09 PHP
模仿OSO的论坛(三)
2006/10/09 PHP
php 使用GD库为页面增加水印示例代码
2014/03/24 PHP
PHP使用GIFEncoder类生成gif动态滚动字幕
2014/07/01 PHP
PHP并发多进程处理利器Gearman使用介绍
2016/05/16 PHP
非jQuery实现照片散落桌子上,单击放大的LightBox效果
2014/11/28 Javascript
javascript实现画不相交的圆
2015/04/07 Javascript
在JavaScript中处理数组之reverse()方法的使用
2015/06/09 Javascript
javascript垃圾收集机制的原理分析
2016/12/08 Javascript
JavaScript实现移动端轮播效果
2017/06/06 Javascript
webpack进阶——缓存与独立打包的用法
2017/08/02 Javascript
element-ui中的select下拉列表设置默认值方法
2018/08/24 Javascript
Vue源码探究之状态初始化
2018/11/14 Javascript
vscode vue 文件模板的配置方法
2019/07/23 Javascript
解决Angularjs异步操作后台请求用$q.all排列先后顺序问题
2019/11/29 Javascript
Element实现表格嵌套、多个表格共用一个表头的方法
2020/05/09 Javascript
在VUE中使用lodash的debounce和throttle操作
2020/11/09 Javascript
python中文编码问题小结
2014/09/28 Python
Python警察与小偷的实现之一客户端与服务端通信实例
2014/10/09 Python
Python的Django框架中的select_related函数对QuerySet 查询的优化
2015/04/01 Python
Python+selenium点击网页上指定坐标的实例
2019/07/05 Python
python多线程扫描端口(线程池)
2019/09/04 Python
Python如何使用BeautifulSoup爬取网页信息
2019/11/26 Python
python 进制转换 int、bin、oct、hex的原理
2021/01/13 Python
htmlentities() 和 htmlspecialchars()有什么区别
2015/07/01 面试题
大学毕业生通用自我评价
2014/01/05 职场文书
给校长的建议书200字
2014/05/16 职场文书
幼儿园法制宣传日活动总结
2014/11/01 职场文书
2014年基层党支部工作总结
2014/12/04 职场文书
2015年教研室工作总结范文
2015/05/23 职场文书
红高粱观后感
2015/06/10 职场文书
经营场所使用证明
2015/06/19 职场文书
2016清明节森林防火广播稿
2015/12/17 职场文书
如何书写授权委托书?
2019/06/25 职场文书
详解CSS不定宽溢出文本适配滚动
2021/05/24 HTML / CSS
MySQL 全文检索的使用示例
2021/06/07 MySQL