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高级程序设计 扩展--关于动态原型
Nov 09 Javascript
关于window.pageYOffset和document.documentElement.scrollTop
Apr 05 Javascript
jQuery :nth-child前有无空格的区别分析
Jul 11 Javascript
JS字符串处理实例代码
Aug 05 Javascript
JS+CSS实现的拖动分页效果实例
May 11 Javascript
JS脚本实现动态给标签控件添加事件的方法
Jun 02 Javascript
React Native 通告消息竖向轮播组件的封装
Aug 25 Javascript
JavaScript函数节流和函数去抖知识点学习
Jul 31 Javascript
在vue项目中优雅的使用SVG的方法实例详解
Dec 03 Javascript
详解VUE调用本地json的使用方法
May 15 Javascript
vue+egg+jwt实现登录验证的示例代码
May 18 Javascript
解决vue-router 切换tab标签关闭时缓存问题
Jul 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中get_headers函数的作用及用法的详细介绍
2013/04/27 PHP
PHP 正则表达式常用函数
2014/08/17 PHP
WordPress的主题编写中获取头部模板和底部模板
2015/12/28 PHP
PHP调试的强悍利器之PHPDBG
2016/02/22 PHP
PHP实现的简单组词算法示例
2018/04/10 PHP
再谈javascript图片预加载技术(详细演示)
2011/03/12 Javascript
《JavaScript DOM 编程艺术》读书笔记之DOM基础
2015/01/09 Javascript
jquery+css实现绚丽的横向二级下拉菜单-附源码下载
2015/08/23 Javascript
jQuery之简单的表单验证实例
2016/07/07 Javascript
jquery弹出框插件jquery.ui.dialog用法分析
2016/08/20 Javascript
JS实现页面数据无限加载
2016/09/13 Javascript
利用jquery实现实时更新歌词的方法
2017/01/06 Javascript
jquery实现折叠菜单效果【推荐】
2017/03/08 Javascript
react native仿微信PopupWindow效果的实例代码
2017/08/07 Javascript
js的函数的按值传递参数(实例讲解)
2017/11/16 Javascript
Node.js中的不安全跳转如何防御详解
2018/10/21 Javascript
Layui表格行工具事件与数据回填方法
2019/09/13 Javascript
JavaScript如何把两个数组对象合并过程解析
2019/10/10 Javascript
python实现从ftp服务器下载文件的方法
2015/04/30 Python
Python之使用adb shell命令启动应用的方法详解
2019/01/07 Python
Pandas聚合运算和分组运算的实现示例
2019/10/17 Python
pytorch nn.Conv2d()中的padding以及输出大小方式
2020/01/10 Python
python实现PDF中表格转化为Excel的方法
2020/06/16 Python
OpenCV+python实现实时目标检测功能
2020/06/24 Python
CSS3.0实现霓虹灯按钮动画特效的示例代码
2021/01/12 HTML / CSS
新浪网技术部笔试题
2016/08/26 面试题
shallow copy和deep copy的区别
2016/05/09 面试题
幼儿园实习自我鉴定
2013/12/15 职场文书
管道维修工岗位职责
2013/12/27 职场文书
《桂林山水》教学反思
2014/02/08 职场文书
国贸专业自荐信范文
2014/03/02 职场文书
单位工作证明范本
2015/06/15 职场文书
导游词幽默开场白
2019/06/26 职场文书
SpringBoot快速入门详解
2021/07/21 Java/Android
Python Pandas数据分析之iloc和loc的用法详解
2021/11/11 Python
Java中Quartz高可用定时任务快速入门
2022/04/03 Java/Android