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 相关文章推荐
js innerHTML 的一些问题的解决方法
Jun 22 Javascript
javascript事件问题
Sep 05 Javascript
jQuery getJSON 处理json数据的代码
Jul 26 Javascript
基于jquery的仿百度的鼠标移入图片抖动效果
Sep 17 Javascript
js图片延迟加载的实现方法及思路
Jul 22 Javascript
js中widow.open()方法使用详解
Jul 30 Javascript
jquery的总体架构分析及实现示例详解
Nov 08 Javascript
JS脚本根据手机浏览器类型跳转WAP手机网站(两种方式)
Aug 04 Javascript
JavaScript设置表单上传时文件个数的方法
Aug 11 Javascript
你不知道的高性能JAVASCRIPT
Jan 18 Javascript
原生js实现放大镜特效
Mar 08 Javascript
Javascript es7中比较实用的两个方法示例
Jul 21 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
js和php邮箱地址验证的实现方法
2014/01/09 PHP
PHP生成迅雷、快车、旋风等软件的下载链接代码实例
2014/05/12 PHP
PHP超全局数组(Superglobals)介绍
2015/07/01 PHP
php创建无限级树型菜单
2015/11/05 PHP
PHP通过反射动态加载第三方类和获得类源码的实例
2015/11/27 PHP
我见过最全的个人js加解密功能页面
2007/12/12 Javascript
JMenuTab简单使用说明
2008/03/13 Javascript
JavaScript 继承详解(三)
2009/07/13 Javascript
jquery实现文本框数量加减功能的例子分享
2014/05/10 Javascript
Javascript实现单张图片浏览
2014/12/18 Javascript
使用jQuery仿苹果官网焦点图特效
2014/12/23 Javascript
jQuery中[attribute^=value]选择器用法实例
2014/12/31 Javascript
jQuery基于muipicker实现仿ios时间选择
2016/02/22 Javascript
关于session和cookie的简单理解
2016/06/08 Javascript
JavaScript正则表达式小结(test|match|search|replace|split|exec)
2016/12/08 Javascript
BootStrap select2 动态改变值的方法
2017/02/10 Javascript
前后端如何实现登录token拦截校验详解
2018/09/03 Javascript
Vue.js结合bootstrap前端实现分页和排序效果
2018/12/29 Javascript
vue-router命名视图的使用讲解
2019/01/19 Javascript
微信小程序网络层封装的实现(promise, 登录锁)
2019/05/08 Javascript
VsCode与Node.js知识点详解
2019/09/05 Javascript
JS实现动态星空背景效果
2019/11/01 Javascript
Python 字符串操作实现代码(截取/替换/查找/分割)
2013/06/08 Python
django模型中的字段和model名显示为中文小技巧分享
2014/11/18 Python
详解Python3 中hasattr()、getattr()、setattr()、delattr()函数及示例代码数
2018/04/18 Python
django删除表重建的实现方法
2019/08/28 Python
Tensorflow不支持AVX2指令集的解决方法
2020/02/03 Python
Python用input输入列表的实例代码
2020/02/07 Python
Python编程快速上手——Excel表格创建乘法表案例分析
2020/02/28 Python
PyTorch-GPU加速实例
2020/06/23 Python
Python类的继承super相关原理解析
2020/10/22 Python
前端制作动画的几种方式(css3,js)
2016/12/12 HTML / CSS
学生党支部先进事迹
2014/02/04 职场文书
食堂厨师岗位职责
2014/08/25 职场文书
教师聘用意向书
2015/05/11 职场文书
2019财务管理制度最新范本!
2019/07/09 职场文书