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 相关文章推荐
JQuery遍历DOM节点的方法
Jun 11 Javascript
JavaScript编程的单例设计模讲解
Nov 10 Javascript
Node.js中使用socket创建私聊和公聊聊天室
Nov 19 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记9)
Dec 24 Javascript
JavaScript html5 canvas绘制时钟效果(二)
Mar 27 Javascript
简单理解vue中Props属性
Oct 27 Javascript
bootstrap监听滚动实现头部跟随滚动
Nov 08 Javascript
JavaScript利用正则表达式替换字符串中的内容
Dec 12 Javascript
Vue组件和Route的生命周期实例详解
Feb 10 Javascript
关于vue的npm run dev和npm run build的区别介绍
Jan 14 Javascript
jquery图片预览插件实现方法详解
Jul 18 jQuery
何时使用Map来代替普通的JS对象
Apr 29 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
dede3.1分页文字采集过滤规则详说(图文教程)续二
2007/04/03 PHP
JS启动应用程序的一个简单例子
2008/05/11 Javascript
JavaScript获取GridView选择的行内容
2009/04/14 Javascript
JavaScript 字符串与数组转换函数[不用split与join]
2009/12/13 Javascript
Chrome Form多次提交表单问题的解决方法
2011/05/09 Javascript
Javascript处理DOM元素事件实现代码
2012/05/23 Javascript
jQuery实现动画效果的实例代码
2013/05/07 Javascript
使用JavaScript 实现各种跨域的方法
2013/05/08 Javascript
js判断undefined类型示例代码
2014/02/10 Javascript
iframe里面的元素触发父窗口元素事件的jquery代码
2014/10/19 Javascript
JS实现鼠标滑过显示边框的菜单效果
2016/09/21 Javascript
基于Layer+jQuery的自定义弹框
2020/05/26 Javascript
vue+element实现批量删除功能的示例
2018/02/28 Javascript
node+express框架中连接使用mysql(经验总结)
2018/11/10 Javascript
JavaScript中this函数使用实例解析
2020/02/21 Javascript
javascript设计模式 ? 外观模式原理与用法实例分析
2020/04/15 Javascript
Javascript实现秒表计时游戏
2020/05/27 Javascript
快速解决element的autofocus失效问题
2020/09/08 Javascript
如何在JavaScript中正确处理变量
2020/12/25 Javascript
python搭建微信公众平台
2016/02/09 Python
Ruby使用eventmachine为HTTP服务器添加文件下载功能
2016/04/20 Python
浅谈Python 中整型对象的存储问题
2016/05/16 Python
微信跳一跳python辅助软件思路及图像识别源码解析
2018/01/04 Python
Python3使用正则表达式爬取内涵段子示例
2018/04/22 Python
Python爬虫实现验证码登录代码实例
2019/05/10 Python
Python PyQt5 Pycharm 环境搭建及配置详解(图文教程)
2019/07/16 Python
python selenium 获取接口数据的实现
2020/12/07 Python
HTML5 图片悬停放大的实现代码示例
2019/12/04 HTML / CSS
美国室内和室外装饰花盆购物网站:ePlanters
2019/03/22 全球购物
澳大利亚头发和美容产品购物网站:OZ Hair & Beauty
2020/03/27 全球购物
配置管理计划的主要内容有哪些
2014/06/20 面试题
群众路线自我剖析范文
2014/11/04 职场文书
2014年生产部工作总结
2014/12/17 职场文书
亚布力滑雪场导游词
2015/02/09 职场文书
golang实现一个简单的websocket聊天室功能
2021/10/05 Golang
MySQL transaction事务安全示例讲解
2022/06/21 MySQL