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 容错处理代码, 屏蔽错误信息
Mar 09 Javascript
JS实现图文并茂的tab选项卡效果示例【附demo源码下载】
Sep 21 Javascript
jQuery easyui刷新当前tabs的方法
Sep 23 Javascript
使用微信小程序开发前端【快速入门】
Dec 05 Javascript
js微信分享实现代码
Oct 11 Javascript
用vue构建多页面应用的示例代码
Sep 20 Javascript
Vue组件的使用教程详解
Jan 05 Javascript
Vue2.0 事件的广播与接收(观察者模式)
Mar 14 Javascript
JS使用Date对象实时显示当前系统时间简单示例
Aug 23 Javascript
vue使用better-scroll实现下拉刷新、上拉加载
Nov 23 Javascript
vue柱状进度条图像的完美实现方案
Aug 26 Javascript
JavaScript组合继承详解
Nov 07 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
古巴咖啡 Cubita琥爵咖啡 独特的加勒比海风味咖啡
2021/03/06 新手入门
解析func_num_args与func_get_args函数的使用
2013/06/24 PHP
php实现编辑和保存文件的方法
2015/07/20 PHP
PHP数组游标实现对数组的各种操作详解
2016/01/26 PHP
PHP 范围解析操作符(::)用法分析【访问静态成员和类常量】
2020/04/14 PHP
jquery CSS选择器笔记
2010/03/29 Javascript
JavaScript代码复用模式详解
2014/11/07 Javascript
JavaScript跨浏览器获取页面中相同class节点的方法
2015/03/03 Javascript
jQuery实现带有洗牌效果的动画分页实例
2015/08/31 Javascript
浅析Javascript匿名函数与自执行函数
2016/02/06 Javascript
js实现不重复导入的方法
2016/03/02 Javascript
原生js实现autocomplete插件
2016/04/14 Javascript
Bootstrap源码解读排版(1)
2016/12/23 Javascript
Javascript 高性能之递归,迭代,查表法详解及实例
2017/01/08 Javascript
简单实现js悬浮导航效果
2017/02/05 Javascript
JQueryMiniUI按照时间进行查询的实现方法
2017/06/07 jQuery
JavaScript上传文件时不用刷新页面方法总结(推荐)
2017/08/15 Javascript
Vue-cli创建项目从单页面到多页面的方法
2017/09/20 Javascript
使用vue-aplayer插件时出现的问题的解决
2018/03/02 Javascript
轻量级JS Cookie插件js-cookie的使用方法
2018/03/22 Javascript
JavaScript实现的前端AES加密解密功能【基于CryptoJS】
2018/08/28 Javascript
JSONP 的原理、理解 与 实例分析
2020/05/16 Javascript
vue中解决chrome浏览器自动播放音频和MP3语音打包到线上的实现方法
2020/10/09 Javascript
编写Python脚本使得web页面上的代码高亮显示
2015/04/24 Python
Django中Model的使用方法教程
2018/03/07 Python
Flask使用Pyecharts在单个页面展示多个图表的方法
2019/08/05 Python
MYSQL相比于其他数据库有哪些特点
2013/07/19 面试题
投标承诺书范本
2014/03/27 职场文书
2014年党员加强作风建设思想汇报
2014/09/15 职场文书
小学校园广播稿集锦
2014/10/04 职场文书
推广普通话的宣传语
2015/07/13 职场文书
2016公务员年度考核评语
2015/12/01 职场文书
Python异常类型以及处理方法汇总
2021/06/05 Python
OpenCV-Python使用cv2实现傅里叶变换
2021/06/09 Python
Python中22个万用公式的小结
2021/07/21 Python
【TED出品】天梯非主流开心游1700 划水骑士
2022/03/31 魔兽争霸