JS定时器使用,定时定点,固定时刻,循环执行详解

前端之家收集整理的这篇文章主要介绍了JS定时器使用,定时定点,固定时刻,循环执行详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文概述:本文主要介绍通过JS实现定时定点执行,在某一个固定时刻执行某个函数方法。比如说在下一个整点执行,在每一个整点执行,每隔10分钟定时执行的方法

JavaScript中有两个定时器方法:setTimeout()和setInterval()。

这两个方法都可以用来实现在一个固定时间段之后去执行JavaScript。实际上,setTimeout和setInterval的语法相同。它们都有两个参数,一个是将要执行的代码字符串,或者函数名,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码

不过这两个函数还是有区别的:

① setInterval()会多次执行要定时执行的代码函数。经过了那个固定的时间间隔,它还会自动重复执行代码

② setTimeout()只会执行一次那段代码或者指定的函数

1.循环执行

下面的JS语句实现的是每过十分钟执行一次circulateExecute()方法

2.下一个整点,或者某个时刻定点执行

以下javascript代码实现的是实现在当前时刻的下一个整点定点执行nextIntegralPointAfterLogin()方法

用户登录时刻的下一个整点,也可以设置成某一个固定时刻 dateIntegralPoint.setHours(date.getHours()+1);//小时数增加1 dateIntegralPoint.setMinutes(0); dateIntegralPoint.setSeconds(0); setTimeout("nextIntegralPointAfterLogin();",dateIntegralPoint-date);//用户登录后的下一个整点执行。

3.每一个整点定点执行

通过上面介绍的在下一个整点执行nextIntegralPointAfterLogin()函数后,为了实现在每一个整点都执行某函数,可以在nextIntegralPointAfterLogin()函数中写上以下代码

IntegralPointExecute();//在整点执行的<a href="https://www.jb51.cc/tag/hanshu/" target="_blank" class="keywords">函数</a>,在每个整点都<a href="https://www.jb51.cc/tag/diaoyong/" target="_blank" class="keywords">调用</a>该<a href="https://www.jb51.cc/tag/hanshu/" target="_blank" class="keywords">函数</a>

setInterval("IntegralPointExecute();",60601000);//一个小时执行一次,那么下一个整点,下下一个整点都会执行

}
注意:由于JS计算的误差以及执行过程中需要一定的时间,所以上述定时定点执行方法可能会有一两秒的误差。

以上这篇JS定时器使用,定时定点,固定时刻,循环执行详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/js/48278.html

猜你在找的JavaScript相关文章