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 相关文章推荐
用apply让javascript函数仅执行一次的代码
Jun 27 Javascript
JQuery中对Select的option项的添加、删除、取值
Aug 25 Javascript
批量修改标签css样式以input标签为例
Jul 31 Javascript
JavaScript计算两个日期时间段内日期的方法
Mar 16 Javascript
node.js操作mysql(增删改查)
Jul 24 Javascript
AngularJS中的过滤器filter用法完全解析
Apr 22 Javascript
利用jQuery实现打字机字幕效果实例代码
Sep 02 Javascript
JavaScript原生编写《飞机大战坦克》游戏完整实例
Jan 04 Javascript
Javascript中for循环语句的几种写法总结对比
Jan 23 Javascript
vuex学习之Actions的用法详解
Aug 29 Javascript
javaScript日期工具类DateUtils详解
Dec 08 Javascript
AngularJS 将再发布一个重要版本 然后进入长期支持阶段
Jan 31 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
re0第二季蕾姆被制作组打入冷宫!艾米莉亚女主扶正,原因唏嘘
2020/04/02 日漫
一个oracle+PHP的查询的例子
2006/10/09 PHP
使用php实现下载生成某链接快捷方式的解决方法
2013/05/07 PHP
适用于抽奖程序、随机广告的PHP概率算法实例
2014/04/09 PHP
php去掉URL网址中带有PHPSESSID的配置方法
2014/07/08 PHP
php获取英文姓名首字母的方法
2015/07/13 PHP
使javascript也能包含文件
2006/10/26 Javascript
非常有用的40款jQuery 插件推荐(系列二)
2011/12/25 Javascript
jQuery实现 注册时选择阅读条款 左右移动
2013/04/11 Javascript
jQuery中extend()和fn.extend()方法详解
2015/06/03 Javascript
跟我学习javascript的浮点数精度
2015/11/16 Javascript
第一次接触神奇的Bootstrap菜单和导航
2016/08/01 Javascript
vue.js vue-router如何实现无效路由(404)的友好提示
2017/12/20 Javascript
Koa2 之文件上传下载的示例代码
2018/03/29 Javascript
如何以Angular的姿势打开Font-Awesome详解
2018/04/22 Javascript
Vuex 快速入门(简单易懂)
2018/09/20 Javascript
如何使用JavaScript实现无缝滚动自动播放轮播图效果
2020/08/20 Javascript
[02:19]DOTA2上海特级锦标赛 观赛指南 Spectator Guide
2016/02/04 DOTA
布同自制Python函数帮助查询小工具
2011/03/13 Python
Python基于分析Ajax请求实现抓取今日头条街拍图集功能示例
2018/07/19 Python
python 循环读取txt文档 并转换成csv的方法
2018/10/26 Python
python mysql断开重连的实现方法
2019/07/26 Python
解决Pycharm 包已经下载,但是运行代码提示找不到模块的问题
2019/08/31 Python
在django-xadmin中APScheduler的启动初始化实例
2019/11/15 Python
Python+appium框架原生代码实现App自动化测试详解
2020/03/06 Python
Python Tornado批量上传图片并显示功能
2020/03/26 Python
基于PyTorch的permute和reshape/view的区别介绍
2020/06/18 Python
纽约和芝加哥当天送花:Ode à la Rose
2019/07/05 全球购物
群众路线批评与自我批评
2014/02/06 职场文书
十佳少年事迹材料
2014/12/25 职场文书
大学生创业事迹材料
2014/12/30 职场文书
监考失职检讨书
2015/01/26 职场文书
面试通知短信
2015/04/20 职场文书
重温入党誓词主持词
2015/06/29 职场文书
postgres之jsonb属性的使用操作
2021/06/23 PostgreSQL
dubbo服务整合zipkin详解
2021/07/26 Java/Android