JS定时器使用,定时定点,固定时刻,循环执行详解
更新时间：2016年05月31日 11:16:36 投稿：jingxian
下面小编就为大家带来一篇JS定时器使用,定时定点,固定时刻,循环执行详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
本文概述：本文主要介绍通过JS实现定时定点执行，在某一个固定时刻执行某个函数的方法。比如说在下一个整点执行，在每一个整点执行，每隔10分钟定时执行的方法。
JavaScript中有两个定时器方法：setTimeout（）和setInterval（）。
这两个方法都可以用来实现在一个固定时间段之后去执行JavaScript。实际上，setTimeout和setInterval的语法相同。它们都有两个参数，一个是将要执行的代码字符串，或者函数名，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就将执行那段代码。
不过这两个函数还是有区别的：
① setInterval()会多次执行要定时执行的代码或函数。经过了那个固定的时间间隔，它还会自动重复执行代码。
② setTimeout()只会执行一次那段代码或者指定的函数。
1.循环执行
下面的JS语句实现的是每过十分钟执行一次circulateExecute()方法。
//循环执行，每十分钟一次。10分钟后第一次执行。
setInterval("circulateExecute();",10*60*1000);//10分钟执行一次
2.下一个整点，或者某个时刻定点执行
以下javascript代码实现的是实现在当前时刻的下一个整点定点执行nextIntegralPointAfterLogin()方法。
var date = new Date();//现在时刻
var dateIntegralPoint = new Date();//用户登录时刻的下一个整点，也可以设置成某一个固定时刻
dateIntegralPoint.setHours(date.getHours()+1);//小时数增加1
dateIntegralPoint.setMinutes(0);
dateIntegralPoint.setSeconds(0);
setTimeout("nextIntegralPointAfterLogin();",dateIntegralPoint-date);//用户登录后的下一个整点执行。
3.每一个整点定点执行
通过上面介绍的在下一个整点执行nextIntegralPointAfterLogin()函数后，为了实现在每一个整点都执行某函数，可以在nextIntegralPointAfterLogin()函数中写上以下代码。
function nextIntegralPointAfterLogin(){
IntegralPointExecute();//在整点执行的函数，在每个整点都调用该函数
setInterval("IntegralPointExecute();",60*60*1000);//一个小时执行一次，那么下一个整点，下下一个整点都会执行
}
注意：由于JS计算的误差以及执行过程中需要一定的时间，所以上述定时定点执行方法可能会有一两秒的误差。以上这篇JS定时器使用,定时定点,固定时刻,循环执行详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
window onload加载多个同时使用，想必有很多人没有用过吧，接下来为大家详细介绍下具体的使用方法，感兴趣的朋友可以参考下2013-04-04
这篇文章主要给大家介绍了关于前端实现文件下载的两种常用方式,两种方法均通过创建临时URL并触发下载实现,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-11-11
字符串标签函数是一种特殊的函数调用语法，本文将深入探讨ES6中字符串标签函数的工作原理，并结合具体的代码展示它的威力，快跟随小编一起学习起来吧2023-06-06
利用Javascript判断操作系统的类型实现不同操作系统下的兼容性
在通过Javascript实现客户端和服务端的交互时，有时候需要对操作系统进行判断，以便实现不同操作系统下的兼容性;从而实现网站在跨平台浏览时候保持良好的用户体验,感兴趣的朋友可以了解下啊，或许对你有所帮助2013-01-01
动态表格是指在网页上显示的数据表格,可以根据用户输入或页面元素的变化动态更新内容,本文主要介绍了JavaScript实现动态表格的示例代码,感兴趣的可以了解一下2024-04-04
本文介绍了如何自定义trim方法，trim的作用就是去除字符串前后空格,这个方法在字符串处理方面很有实用价值，需要的朋友可以参考下2015-07-07
这篇文章主要为大家详细介绍了利用jmSlip编写移动端顶部日历选择组件的方法,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
这篇文章主要为大家详细介绍了JS实现旋转木马轮播图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-01-01
JavaScript中call和apply的用法、区别及应用场景
这篇文章主要介绍了JavaScript中的call和apply方法,它们都用于改变函数执行时的this指向,文中通过代码介绍的非常详细,需要的朋友可以参考下2025-03-03
本文主要介绍了JavaScript实现选项卡功能(面向过程与面向对象)，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-02-02
最新评论