14-定时器

Posted yanyufeng

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了14-定时器相关的知识,希望对你有一定的参考价值。

在js中的定时器分两种:1、setTimeout() 2、setInterval()

 

1.setTimeOut()

只在指定时间后执行一次

技术分享图片
/定时器 异步运行  
function hello(){  
alert("hello");  
}  
//使用方法名字执行方法  
var t1 = window.setTimeout(hello,1000);  
var t2 = window.setTimeout("hello()",3000);//使用字符串执行方法  
window.clearTimeout(t1);//去掉定时器
技术分享图片

2.setInterval()

在指定时间为周期循环执行

技术分享图片
/实时刷新  时间单位为毫秒  
setInterval(‘refreshQuery()‘,8000);   
/* 刷新查询 */  
function refreshQuery(){  
  console.log(‘每8秒调一次‘) 
}
技术分享图片

两种方法根据不同的场景和业务需求择而取之,

对于这两个方法,需要注意的是如果要求在每隔一个固定的时间间隔后就精确地执行某动作,那么最好使用setInterval,而如果不想由于连续调用产生互相干扰的问题,尤其是每次函数的调用需要繁重的计算以及很长的处理时间,那么最好使用setTimeout

以上是关于14-定时器的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段14——Vue的axios网络请求封装

如何在使用片段和计时器的选项卡式活动上更新 UI

测试片段不执行定时器或示例超时

前端面试题之手写promise

HTML代码片段

HTML代码片段