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 相关文章推荐
javascript while语句和do while语句的区别分析
Dec 08 Javascript
十个优秀的Ajax/Javascript实例网站收集
Mar 31 Javascript
jquery+json实现数据列表分页示例代码
Nov 15 Javascript
JavaScript实现穷举排列(permutation)算法谜题解答
Dec 29 Javascript
angularjs学习笔记之三大模块(modal,controller,view)
Sep 26 Javascript
常用的9个JavaScript图表库详解
Dec 19 Javascript
JavaScript实现职责链模式概述
Jan 25 Javascript
webpack打包js的方法
Mar 12 Javascript
详解如何在微信小程序中愉快地使用sass
Jul 30 Javascript
Vue安装浏览器开发工具的步骤详解
May 12 Javascript
改变layer confirm弹窗按钮的颜色方法
Sep 12 Javascript
vue 强制组件重新渲染(重置)的两种方案
Oct 29 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 gd2 上传图片/文字水印/图片水印/等比例缩略图/实现代码
2010/05/15 PHP
php中静态类与静态变量用法的区别分析
2015/01/15 PHP
不错的JS中变量相关的细节分析
2007/08/13 Javascript
js中将URL中的参数提取出来作为对象的实现代码
2011/08/16 Javascript
js 实现css风格选择器(压缩后2KB)
2012/01/12 Javascript
firefox浏览器不支持innerText的解决方法
2013/08/07 Javascript
常用js字符串判断方法整理
2013/10/18 Javascript
JavaScript中的object转换成number或string规则介绍
2014/12/31 Javascript
JS实现鼠标滑过显示边框的菜单效果
2016/09/21 Javascript
jQuery自动或手动图片切换效果
2017/10/11 jQuery
详解处理bootstrap4不支持远程静态框问题
2018/07/20 Javascript
详解JS取出两个数组中的不同或相同元素
2019/03/20 Javascript
基于Express框架使用POST传递Form数据
2019/08/10 Javascript
Vue仿微信app页面跳转动画效果
2019/08/21 Javascript
详解Python中的文本处理
2015/04/11 Python
Python程序中用csv模块来操作csv文件的基本使用教程
2016/03/03 Python
详解如何在python中读写和存储matlab的数据文件(*.mat)
2018/02/24 Python
pandas数据清洗,排序,索引设置,数据选取方法
2018/05/18 Python
详解Django+Uwsgi+Nginx的生产环境部署
2018/06/25 Python
python定时复制远程文件夹中所有文件
2019/04/30 Python
PyQt5 在label显示的图片中绘制矩形的方法
2019/06/17 Python
python如何以表格形式打印输出的方法示例
2019/06/21 Python
解决Python中pandas读取*.csv文件出现编码问题
2019/07/12 Python
Python Pandas 箱线图的实现
2019/07/23 Python
解决Python 写文件报错TypeError的问题
2020/10/23 Python
python解决OpenCV在读取显示图片的时候闪退的问题
2021/02/23 Python
HTML5 video视频字幕的使用和制作方法
2018/05/03 HTML / CSS
h5页面唤起app如果没安装就跳转下载(iOS和Android)
2020/06/03 HTML / CSS
有影响力的人、名人和艺术家的官方商品:Represent
2019/11/26 全球购物
大学自我鉴定
2013/12/20 职场文书
会计专业职业规划:规划自我赢取未来
2014/02/12 职场文书
镇党政领导班子民主生活会思想汇报
2014/10/11 职场文书
单位单身证明样本
2014/10/11 职场文书
教师求职信怎么写
2015/03/20 职场文书
领导视察通讯稿
2015/07/18 职场文书
教师培训简讯
2015/07/20 职场文书