当前位置: 首页 > 编程笔记 >

setTimeout与setInterval的区别浅析

太叔乐家
2023-03-14
本文向大家介绍setTimeout与setInterval的区别浅析,包括了setTimeout与setInterval的区别浅析的使用技巧和注意事项,需要的朋友参考一下

前言

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

总结

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

 类似资料:
  • 本文向大家介绍setTimeout、setInterval和requestAnimationFrame之间的区别?相关面试题,主要包含被问及setTimeout、setInterval和requestAnimationFrame之间的区别?时的应答技巧和注意事项,需要的朋友参考一下 参考回答: 这里有一篇文章讲的是requestAnimationFrame:http://www.cnblogs.c

  • 本文向大家介绍setTimeout和setInterval有什么区别呢?相关面试题,主要包含被问及setTimeout和setInterval有什么区别呢?时的应答技巧和注意事项,需要的朋友参考一下 setTimeout(fn,t),超时调用,超过时间t,就执行fn,只调用一次。 setInterval(fn,t),间歇调用,调用周期t,执行fn,可循环调用多次。 二者调用后,均返回一个数值ID,

  • 问题内容: 之间的主要区别是什么 setInterval 和 setTimeout 在JavaScript中? 问题答案: 超时后运行一次代码/函数。 以一定的间隔运行代码/函数,并在它们之间超时。 例:

  • 由于 JavaScript 是异步的,可以使用 setTimeout 和 setInterval 来计划执行函数。 注意: 定时处理不是 ECMAScript 的标准,它们在 DOM (文档对象模型) 被实现。 function foo() {} var id = setTimeout(foo, 1000); // 返回一个大于零的数字 当 setTimeout 被调用时,它会返回一个 ID 标

  • 本文向大家介绍JavaScript setInterval()与setTimeout()计时器,包括了JavaScript setInterval()与setTimeout()计时器的使用技巧和注意事项,需要的朋友参考一下   JavaScript是单线程语言,但是它可以通过设置超时值和间歇时间值来指定代码在特定的时刻执行。超时值是指在指定时间之后执行代码,间歇时间值是指每隔指定的时间就执行一次代

  • 本文向大家介绍浅谈JavaScript中setInterval和setTimeout的使用问题,包括了浅谈JavaScript中setInterval和setTimeout的使用问题的使用技巧和注意事项,需要的朋友参考一下 说到setInterval,就不得不提到setTimeout,二者都是用于定时执行某函数,区别在于setTimeout 只执行一次,而setInterval可以一直连续不断执行