欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

setTimeout与setInterval的区别浅析

程序员文章站 2023-11-17 09:36:52
前言 在制作网页动态效果时,一定会遇到某些需求,要求某段程序等待多时时间后再开始执行,就像在我们的生活中一样,待会儿再开始做一件事。在javascript中主要通过定时器...

前言

在制作网页动态效果时,一定会遇到某些需求,要求某段程序等待多时时间后再开始执行,就像在我们的生活中一样,待会儿再开始做一件事。在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则一般用于刷新表单,对于一些表单的假实时指定时间刷新同步

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对的支持。