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 不间断的图片滚动并可点击
Jan 15 Javascript
对字符串进行HTML编码和解码的JavaScript函数
Feb 01 Javascript
关于onScroll事件在IE6下每次滚动触发三次bug说明
Sep 21 Javascript
jquery Mobile入门—外部链接切换示例代码
Jan 08 Javascript
javascript实用方法总结
Feb 06 Javascript
js实现滚动条滚动到某个位置便自动定位某个tr
Jan 20 Javascript
玩转JavaScript OOP - 类的实现详解
Jun 08 Javascript
深入理解jquery中extend的实现
Dec 22 Javascript
Bootstrap警告(Alerts)的实现方法
Mar 22 Javascript
JavaScript实现的超简单计算器功能示例
Dec 23 Javascript
vue代理和跨域问题的解决
Jul 18 Javascript
详解在Angular4中使用ng2-baidu-map的方法
Jun 19 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中通过正则表达式下载内容中的远程图片的函数代码
2012/01/10 PHP
php中调用其他系统http接口的方法说明
2014/02/28 PHP
PHP函数extension_loaded()用法实例
2015/01/19 PHP
php对文件进行hash运算的方法
2015/04/03 PHP
PHP自动识别当前使用移动终端
2018/05/21 PHP
JS的replace方法介绍
2012/10/20 Javascript
jquery load事件(callback/data)使用方法及注意事项
2013/02/06 Javascript
jQuery截取指定长度字符串代码
2014/08/21 Javascript
js根据手机客户端浏览器类型,判断跳转官网/手机网站多个实例代码
2016/04/30 Javascript
基于jQuery下拉选择框插件支持单选多选功能代码
2016/06/07 Javascript
原生JS实现幻灯片
2017/02/22 Javascript
JS正则表达式验证账号、手机号、电话和邮箱是否合法
2017/03/08 Javascript
Angular6 用户自定义标签开发的实现方法
2019/01/08 Javascript
vue实现微信二次分享以及自定义分享的示例
2019/03/20 Javascript
实例分析Array.from(arr)与[...arr]到底有何不同
2019/04/09 Javascript
jQuery操作事件完整实例分析
2020/01/10 jQuery
JS实现判断移动端PC端功能
2020/02/21 Javascript
Django 实现图片上传和显示过程详解
2019/07/18 Python
PyTorch中topk函数的用法详解
2020/01/02 Python
jupyter 导入csv文件方式
2020/04/21 Python
Python内置异常类型全面汇总
2020/05/28 Python
利用Node实现HTML5离线存储的方法
2020/10/16 HTML / CSS
购买大码女装:Lane Bryant
2016/09/07 全球购物
德国自行车商店:Tretwerk
2019/06/21 全球购物
技校生自我鉴定范文
2013/09/26 职场文书
教师自荐信
2013/12/10 职场文书
《一本男孩子必读的书》教学反思
2014/02/19 职场文书
2014年医学生毕业自我鉴定
2014/03/26 职场文书
药品营销专业毕业生自荐信
2014/07/02 职场文书
2014乡镇干部纪律作风整顿思想汇报
2014/09/13 职场文书
个人租房协议书样本
2014/10/01 职场文书
2014年英语教师工作总结
2014/12/03 职场文书
2019年预备党员的思想汇报:加深对党的认知
2019/09/25 职场文书
MySql存储过程之逻辑判断和条件控制
2021/05/26 MySQL
http通过StreamingHttpResponse完成连续的数据传输长链接方式
2022/02/12 Python
python微信智能AI机器人实现多种支付方式
2022/04/12 Python