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 相关文章推荐
Prototype使用指南之selector.js
Jan 10 Javascript
document.getElementById介绍
Sep 13 Javascript
ie下jquery.getJSON的缓存问题的处理方法
Mar 29 Javascript
jquery处理json对象
Nov 03 Javascript
PHP结合jQuery实现的评论顶、踩功能
Jul 22 Javascript
基于JQuery和CSS3实现仿Apple TV海报背景视觉差特效源码分享
Sep 21 Javascript
不依赖Flash和任何JS库实现文本复制与剪切附源码下载
Oct 09 Javascript
Jquery中map函数的用法
Jun 03 Javascript
jquery 获取select数组与name数组长度的实现代码
Jun 20 Javascript
基于JS实现翻书效果的页面切换样式
Feb 16 Javascript
vue路由守卫+登录态管理实例分析
May 21 Javascript
小程序实现筛子抽奖
May 26 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 中关于ord($str)>0x80的详细说明
2012/09/23 PHP
PHP中仿制 ecshop验证码实例
2017/01/06 PHP
JS实现时间格式化的方式汇总
2013/10/16 Javascript
jQuery的显示和隐藏方法与css隐藏的样式对比
2013/10/18 Javascript
div浮层,滚动条移动,位置保持不变的4种方法汇总
2013/12/11 Javascript
js的2种继承方式详解
2014/03/04 Javascript
[原创]jQuery常用的4种加载方式分析
2016/07/25 Javascript
炫酷的js手风琴效果
2016/10/13 Javascript
微信小程序 数据绑定详解及实例
2016/10/25 Javascript
JavaScript 控制字体大小设置的方法
2016/11/23 Javascript
原生Javascript插件开发实践
2017/01/09 Javascript
es6学习笔记之Async函数的使用示例
2017/05/11 Javascript
vue.js移动端app之上拉加载以及下拉刷新实战
2017/09/11 Javascript
js中的 || 与 && 运算符详解
2018/05/24 Javascript
vxe-table vue table 表格组件功能
2019/05/26 Javascript
node获取客户端ip功能简单示例
2019/08/24 Javascript
javascript实现弹出层效果
2019/12/10 Javascript
JavaScript实现左右滚动电影画布
2020/02/06 Javascript
Vue组件化开发之通用型弹出框的实现
2020/02/28 Javascript
python构造icmp echo请求和实现网络探测器功能代码分享
2014/01/10 Python
分享一个常用的Python模拟登陆类
2015/03/29 Python
python requests.post带head和body的实例
2019/01/02 Python
python实现剪切功能
2019/01/23 Python
pytorch 共享参数的示例
2019/08/17 Python
pytorch GAN生成对抗网络实例
2020/01/10 Python
pymongo insert_many 批量插入的实例
2020/12/05 Python
如何判断计算机可能已经中马
2013/03/22 面试题
毕业生文员求职信
2013/11/03 职场文书
社区学雷锋活动策划方案
2014/01/30 职场文书
暑期研修感言
2014/02/17 职场文书
请假条标准格式规范
2014/04/10 职场文书
国庆节促销广告语2014
2014/09/19 职场文书
房屋产权证明书
2014/10/15 职场文书
实习证明模板
2015/06/16 职场文书
反邪教教育心得体会
2016/01/15 职场文书
Python实现8种常用抽样方法
2021/06/27 Python