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 相关文章推荐
JavaScript 对象模型 执行模型
Dec 06 Javascript
jQuery 学习第六课 实现一个Ajax的TreeView
May 17 Javascript
jquery-easyui关闭tab自动切换到前一个tab
Jul 29 Javascript
不同的jQuery API来处理不同的浏览器事件
Dec 09 Javascript
jQuery实现查找链接文字替换属性的方法
Jun 27 Javascript
js创建数组的简单方法
Jul 27 Javascript
Vue编写多地区选择组件
Aug 21 Javascript
js实现HTML中Select二级联动的实例
Jan 05 Javascript
vue 获取及修改store.js里的公共变量实例
Nov 06 Javascript
微信jssdk踩坑之签名错误invalid signature
May 19 Javascript
Node.js API详解之 vm模块用法实例分析
May 27 Javascript
vue-treeselect的基本用法以及解决点击无法出现拉下菜单
Apr 30 Vue.js
如何通过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
Yii把CGridView文本框换成下拉框的方法
2014/12/03 PHP
PHP中把对象数组转换成普通数组的方法
2015/07/10 PHP
php正则修正符用法实例详解
2016/12/29 PHP
详解php curl带有csrf-token验证模拟提交方法
2018/04/18 PHP
EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码
2010/10/26 Javascript
javascript使用正则表达式实现去掉空格之后的字符
2015/02/15 Javascript
基于HTML+CSS,jQuery编写的简易计算器后续(添加了键盘监听)
2016/01/05 Javascript
纯JS代码实现气泡效果
2016/05/04 Javascript
Javascript基础之数组的使用
2016/05/13 Javascript
AngularJS  $modal弹出框实例代码
2016/08/24 Javascript
javascript代码调试之console.log 用法图文详解
2016/09/30 Javascript
MUI 上拉刷新/下拉加载功能实例代码
2017/04/13 Javascript
nodejs入门教程二:创建一个简单应用示例
2017/04/24 NodeJs
javascript实现文字无缝滚动效果
2017/08/26 Javascript
在vue中高德地图引入和轨迹的绘制的实现
2019/10/11 Javascript
微信小程序仿通讯录功能
2020/04/09 Javascript
vue中watch的用法汇总
2020/12/28 Vue.js
[35:43]2018DOTA2亚洲邀请赛 4.1 小组赛B组 paiN vs Effect
2018/04/03 DOTA
离线安装Pyecharts的步骤以及依赖包流程
2020/04/23 Python
浅谈Tensorflow模型的保存与恢复加载
2018/04/26 Python
Python实现去除列表中重复元素的方法小结【4种方法】
2018/04/27 Python
python 移动图片到另外一个文件夹的实例
2019/01/10 Python
pyqt5中QThread在使用时出现重复emit的实例
2019/06/21 Python
python 根据字典的键值进行排序的方法
2019/07/24 Python
Python文件操作模拟用户登陆代码实例
2020/06/09 Python
Python基于字典实现switch case函数调用
2020/07/22 Python
python MD5加密的示例
2020/10/19 Python
老海军美国官网:Old Navy
2016/09/05 全球购物
大专毕业生简历的自我评价
2013/10/20 职场文书
商务日语毕业生自荐信
2013/11/23 职场文书
旅行社各个岗位职责
2014/03/15 职场文书
安全标语大全
2014/06/10 职场文书
介绍信样本
2015/01/31 职场文书
2015年教导处教学工作总结
2015/07/22 职场文书
python 如何将两个实数矩阵合并为一个复数矩阵
2021/05/19 Python
Python基于百度API识别并提取图片中文字
2021/06/27 Python