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代码
Mar 16 Javascript
使用jquery动态加载javascript以减少服务器压力
Oct 29 Javascript
解析javascript 数组以及json元素的添加删除
Jun 26 Javascript
iframe子页面获取父页面元素的方法
Nov 05 Javascript
javascript放大镜效果的简单实现
Dec 09 Javascript
node.js中的http.request.end方法使用说明
Dec 10 Javascript
在Javascript中处理字符串之big()方法的使用
Jun 08 Javascript
JavaScript的Date()方法使用详解
Jun 09 Javascript
javascript连续赋值问题
Jul 08 Javascript
jquery Easyui Datagrid实现批量操作(编辑,删除,添加)
Feb 20 Javascript
vue 单页应用和多页应用的优劣
Oct 22 Javascript
vue Element-ui表格实现树形结构表格
Jun 07 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
Mysql的Root密码忘记,查看或修改的解决方法(图文介绍)
2013/06/14 PHP
php操作memcache缓存方法分享
2015/06/03 PHP
PHP实现的最大正向匹配算法示例
2017/12/19 PHP
JQuery this 和 $(this) 的区别
2009/08/23 Javascript
js中replace的用法总结
2013/12/27 Javascript
每天一篇javascript学习小结(String对象)
2015/11/18 Javascript
图解prototype、proto和constructor的三角关系
2016/07/31 Javascript
JavaScript用JSONP跨域请求数据实例详解
2017/01/06 Javascript
javascript基础知识之html5轮播图实例讲解(44)
2017/02/17 Javascript
vue事件修饰符和按键修饰符用法总结
2017/07/25 Javascript
浅谈angular.js跨域post解决方案
2017/08/30 Javascript
ajax前台后台跨域请求处理方式
2018/02/08 Javascript
Node.js Express安装与使用教程
2018/05/11 Javascript
基于Koa2写个脚手架模拟接口服务的方法
2018/11/27 Javascript
详解微信小程序之一键复制到剪切板
2019/04/24 Javascript
JS实现利用闭包判断Dom元素和滚动条的方向示例
2019/08/26 Javascript
js+css3实现简单时钟特效
2020/09/13 Javascript
vue 动态创建组件的两种方法
2020/12/31 Vue.js
vue element和nuxt的使用技巧分享
2021/01/14 Vue.js
vue仿携程轮播图效果(滑动轮播,下方高度自适应)
2021/02/11 Vue.js
[42:35]2018DOTA2亚洲邀请赛3月30日 小组赛A组 VG VS OpTic
2018/03/31 DOTA
[01:05:00]2018国际邀请赛 表演赛 Pain vs OpenAI
2018/08/24 DOTA
Python实现优先级队列结构的方法详解
2016/06/02 Python
Python中 Lambda表达式全面解析
2016/11/28 Python
Python配置mysql的教程(推荐)
2017/10/13 Python
python环形单链表的约瑟夫问题详解
2018/09/27 Python
Python实现 版本号对比功能的实例代码
2019/04/18 Python
python调用webservice接口的实现
2019/07/12 Python
python实现京东订单推送到测试环境,提供便利操作示例
2019/08/09 Python
Django项目后台不挂断运行的方法
2019/08/31 Python
Keras—embedding嵌入层的用法详解
2020/06/10 Python
沪江旗下的海量优质课程平台:沪江网校
2017/11/07 全球购物
养殖行业的创业计划书
2014/01/05 职场文书
2015年社区教育工作总结
2015/05/13 职场文书
本科毕业论文致谢词
2015/05/14 职场文书
springboot集成springCloud中gateway时启动报错的解决
2021/07/16 Java/Android