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 相关文章推荐
js获得页面的高度和宽度的方法
Feb 23 Javascript
jquery中map函数与each函数的区别实例介绍
Jun 23 Javascript
JavaScript删除数组元素的方法
Mar 20 Javascript
基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统
Dec 03 Javascript
JavaScript核心语法总结(推荐)
Jun 02 Javascript
微信jssdk用法汇总
Jul 16 Javascript
BootStrap的table表头固定tbody滚动的实例代码
Aug 24 Javascript
JavaScript使用forEach()与jQuery使用each遍历数组时return false 的区别
Aug 26 Javascript
JavaScript实现图片切换效果
Aug 12 Javascript
vue-cli 使用vue-bus来全局控制的实例讲解
Sep 15 Javascript
js计算两个日期间的天数月的实例代码
Sep 20 Javascript
javascript实现一款好看的秒表计时器
Sep 05 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 安全检测代码片段(分享)
2013/07/05 PHP
PHP使用flock实现文件加锁的方法
2015/07/01 PHP
Yii2框架BootStrap样式的深入理解
2016/11/07 PHP
laravel5.0在linux下解决.htaccess无效和去除index.php的问题
2019/10/16 PHP
js 获取和设置css3 属性值的实现方法
2013/05/06 Javascript
js函数排序的实例代码
2013/07/01 Javascript
javascript的渐进增强与平稳退化浅谈
2013/11/12 Javascript
详细谈谈AngularJS的子级作用域问题
2016/09/05 Javascript
Bootstrap CSS组件之输入框组
2016/12/17 Javascript
js 性能优化之快速响应的用户界面
2017/02/15 Javascript
NodeJs下的测试框架Mocha的简单介绍
2017/02/22 NodeJs
angular2中router路由跳转navigate的使用与刷新页面问题详解
2017/05/07 Javascript
jQuery实现可编辑表格并生成json结果(实例代码)
2017/07/19 jQuery
小程序实现列表删除功能
2018/10/30 Javascript
Vue 2.0 中依赖注入 provide/inject组合实战
2019/06/20 Javascript
JS校验与最终登陆界面功能完整示例
2020/01/13 Javascript
Vue 组件复用多次自定义参数操作
2020/07/27 Javascript
python从入门到精通(DAY 2)
2015/12/20 Python
利用Python爬虫给孩子起个好名字
2017/02/14 Python
利用python解决mysql视图导入导出依赖的问题
2017/12/17 Python
python中yaml配置文件模块的使用详解
2018/04/27 Python
有关Tensorflow梯度下降常用的优化方法分享
2020/02/04 Python
python多进程下的生产者和消费者模型
2020/05/07 Python
K近邻法(KNN)相关知识总结以及如何用python实现
2021/01/28 Python
HTML5新特性 多线程(Worker SharedWorker)
2017/04/24 HTML / CSS
英国Amara家居法国网站:家居装饰,现代装饰和豪华礼品
2016/12/15 全球购物
记帐员岗位责任制
2014/02/08 职场文书
加多宝凉茶广告词
2014/03/18 职场文书
股东合作协议书范本
2014/04/14 职场文书
煤矿安全承诺书
2014/05/22 职场文书
高中生国庆节演讲稿范文2014
2014/09/21 职场文书
乡镇镇长个人整改措施
2014/10/01 职场文书
简历自我评价模板
2015/03/11 职场文书
中学教师师德师风承诺书
2015/04/28 职场文书
python 爬取华为应用市场评论
2021/05/29 Python
Python实现单例模式的5种方法
2021/06/15 Python