setTimeout与setInterval的区别浅析
编程学习 2021-07-04 15:50www.dzhlxh.cn编程入门
这篇文章主要给大家介绍了关于setTimeout与setInterval区别的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用js具有一定的参考学习价值，需要的朋友们狼蚁网站SEO优化来一起学习学习吧
前言
在制作网页动态效果时，一定会遇到某些需求，要求某段程序等待多时时间后再开始执行，就像在我们的生活中一样，待会儿再开始做一件事。在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则一般用于刷新表单，对于一些表单的假实时指定时间刷新同步
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对狼蚁SEO的支持。