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 相关文章推荐
清空上传控件input file的值
Jul 03 Javascript
JS短路原理的应用示例 精简代码的途径
Dec 13 Javascript
node.js使用npm 安装插件时提示install Error: ENOENT报错的解决方法
Nov 20 Javascript
javascript进行四舍五入方法汇总
Dec 16 Javascript
jQuery中removeClass()方法用法实例
Jan 05 Javascript
深入解析JavaScript的闭包机制
Oct 20 Javascript
js下载文件并修改文件名
May 08 Javascript
React/Redux应用使用Async/Await的方法
Nov 16 Javascript
bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能
Dec 28 Javascript
微信小程序自定义toast组件的方法详解【含动画】
May 11 Javascript
解决vue init webpack 下载依赖卡住不动的问题
Nov 09 Javascript
原生js实现自定义难度的扫雷游戏
Jan 22 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中的file_get_contents获取远程页面乱码的问题
2013/06/25 PHP
2014年10个最佳的PHP图像操作库
2014/07/14 PHP
PHP实现多图片上传类实例
2014/07/26 PHP
PHP全功能无变形图片裁剪操作类与用法示例
2017/01/10 PHP
tp5.1 实现setInc字段自动加1
2019/10/18 PHP
js监听滚动条滚动事件使得某个标签内容始终位于同一位置
2014/01/24 Javascript
node.js中Socket.IO的进阶使用技巧
2014/11/04 Javascript
JavaScript中的异常捕捉介绍
2014/12/31 Javascript
jquery仿百度经验滑动切换浏览效果
2015/04/14 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件包装
2015/11/20 Javascript
vue项目中的webpack-dev-sever配置方法
2017/12/14 Javascript
vue项目引入Iconfont图标库的教程图解
2018/10/24 Javascript
如何使用 vue + d3 画一棵树
2018/12/03 Javascript
简单易扩展可控性强的Jquery转盘抽奖程序
2019/03/16 jQuery
13 个npm 快速开发技巧(推荐)
2019/07/04 Javascript
[01:34]传奇从这开始 2016国际邀请赛中国区预选赛震撼开启
2016/06/26 DOTA
Python检测QQ在线状态的方法
2015/05/09 Python
python网络编程之数据传输UDP实例分析
2015/05/20 Python
Python实现股市信息下载的方法
2015/06/15 Python
使用简单工厂模式来进行Python的设计模式编程
2016/03/01 Python
Python中函数eval和ast.literal_eval的区别详解
2017/08/10 Python
python实现图片转字符小工具
2019/04/30 Python
Jupyter notebook运行Spark+Scala教程
2020/04/10 Python
在keras 中获取张量 tensor 的维度大小实例
2020/06/10 Python
法国太阳镜店:Sunglasses Shop
2016/08/27 全球购物
eBay加拿大站:eBay.ca
2019/06/20 全球购物
Marc O’Polo俄罗斯官方在线商店:德国高端时尚品牌
2019/12/26 全球购物
亿阳信通股份有限公司C#笔试题
2016/12/06 面试题
淘宝好评语大全
2014/05/05 职场文书
商场促销活动策划方案
2014/08/18 职场文书
优秀班组申报材料
2014/12/25 职场文书
服务明星事迹材料
2014/12/29 职场文书
2015年小学中秋节活动总结
2015/03/23 职场文书
2019最新企业员工考勤管理制度(通用版)!
2019/07/02 职场文书
MySQL中order by的使用详情
2021/11/17 MySQL
redis 解决库存并发问题实现数量控制
2022/04/08 Redis