setTimeout与setInterval的区别浅析


Posted in Javascript onMarch 23, 2019

前言

在制作网页动态效果时,一定会遇到某些需求,要求某段程序等待多时时间后再开始执行,就像在我们的生活中一样,待会儿再开始做一件事。在JavaScript中主要通过定时器实现此类需求,本文将对定时器做一个概括,正对setTimeout()做一个详细用法总结。

setTimeout()定义和用法

首先让我们看一看W3C上关于setTimeout方法的介绍

定义

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

语法

setTimeout(code,millisec)

参数:

code:必需。要调用的函数后要执行的 JavaScript 代码串。

millisec:   必需。在执行代码前需等待的毫秒数。

提示

setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。

代码

function hello(){
alert("hello");
}
//使用方法名字执行方法
var t1 = window.setTimeout(hello,1000);
var t2 = window.setTimeout("hello()",3000);//使用字符串执行方法
window.clearTimeout(t1);//清除定时器

setInterval()定义和用法

代码

//实时刷新时间单位为毫秒
setInterval('refreshQuery()',8000); 
/* 刷新查询 */
function refreshQuery(){
 $("#mainTable").datagrid('reload',null);
}

业务场景

  • setTimeout用于延迟执行某方法或功能
  • setInterval则一般用于刷新表单,对于一些表单的假实时指定时间刷新同步

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
菜单效果
Oct 14 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(三)情景对话中仿打字机输出文字
Jan 23 Javascript
Jquery获取和修改img的src值的方法
Feb 17 Javascript
javascript实现九宫格相加数值相等
May 28 Javascript
jquery实现全选、不选、反选的两种方法
Sep 06 Javascript
angularjs ocLazyLoad分步加载js文件实例
Jan 17 Javascript
node.js连接MongoDB数据库的2种方法教程
May 17 Javascript
Vue中如何实现轮播图的示例代码
Jul 27 Javascript
详解在vue-cli项目中使用mockjs(请求数据删除数据)
Oct 23 Javascript
原生JS实现列表子元素顺序反转的方法分析
Jul 02 Javascript
使用vue构建多页面应用的示例
Oct 22 Javascript
微信小程序实现列表左右滑动
Nov 19 Javascript
如何通过setTimeout理解JS运行机制详解
Mar 23 #Javascript
vue中axios请求的封装实例代码
Mar 23 #Javascript
vueScroll实现移动端下拉刷新、上拉加载
Mar 22 #Javascript
浅谈Angular单元测试总结
Mar 22 #Javascript
JavaScript面试技巧之数组的一些不low操作
Mar 22 #Javascript
Vue-CLI 3.X 部署项目至生产服务器的方法
Mar 22 #Javascript
微信小程序城市选择及搜索功能的方法
Mar 22 #Javascript
You might like
php获取某个目录大小的代码
2008/09/10 PHP
php文件服务实现虚拟挂载其他目录示例
2014/04/17 PHP
PHPCMS2008广告模板SQL注入漏洞修复
2016/10/11 PHP
iOS+PHP注册登录系统 PHP部分(上)
2016/12/26 PHP
基于jQuery的倒计时实现代码
2012/05/30 Javascript
js控制表单操作的常用代码小结
2013/08/15 Javascript
图片Slider 带左右按钮的js示例
2013/08/30 Javascript
JavaScript ES5标准中新增的Array方法
2016/06/28 Javascript
Angular实现预加载延迟模块的示例
2017/10/12 Javascript
Vue弹出菜单功能的实现代码
2018/09/12 Javascript
vue主动刷新页面及列表数据删除后的刷新实例
2018/09/16 Javascript
Windows下支持自动更新的Electron应用脚手架的方法
2018/12/24 Javascript
vue实现移动端轻量日期组件不依赖第三方库的方法
2019/04/28 Javascript
微信小程序开发技巧汇总
2019/07/15 Javascript
[08:47]2018国际邀请赛 OG战队举杯时刻
2018/08/29 DOTA
用 Python 连接 MySQL 的几种方式详解
2018/04/04 Python
详解Django+uwsgi+Nginx上线最佳实战
2019/03/14 Python
Windows下实现将Pascal VOC转化为TFRecords
2020/02/17 Python
Python小白垃圾回收机制入门
2020/06/09 Python
PyQt5中QSpinBox计数器的实现
2021/01/18 Python
凯蒂·佩里个人女鞋品牌:Katy Perry Collections
2019/04/04 全球购物
波兰家居饰品和厨房配件网上商店:Maleomi
2020/12/15 全球购物
解决python 输出到csv 出现多空行的情况
2021/03/24 Python
自考生毕业自我鉴定
2013/10/10 职场文书
挂科检讨书范文
2014/02/20 职场文书
表彰会主持词
2014/03/26 职场文书
学校个人对照检查材料
2014/08/26 职场文书
大学生万能检讨书范例
2014/10/04 职场文书
批评与自我批评总结
2014/10/17 职场文书
自我检讨书怎么写
2015/05/07 职场文书
可可西里观后感
2015/06/08 职场文书
青年文明号创建口号大全
2015/12/25 职场文书
优秀共产党员事迹材料2016
2016/02/29 职场文书
互联网创业商业模式以及赚钱法则有哪些?
2019/10/12 职场文书
python获取对象信息的实例详解
2021/07/07 Python
springboot集成springCloud中gateway时启动报错的解决
2021/07/16 Java/Android