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


Posted in Javascript onMay 31, 2016

本文概述:本文主要介绍通过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定时器使用,定时定点,固定时刻,循环执行详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
教你如何解密js/vbs/vbscript加密的编码异处理小结
Jun 25 Javascript
js 第二代身份证号码的验证机制代码
May 12 Javascript
JS 控制小数位数的实现代码
Aug 02 Javascript
yepnope.js 异步加载资源文件
Sep 08 Javascript
解析Jquery的LigerUI如何实现文件上传
Jul 09 Javascript
jQuery中append()方法用法实例
Dec 25 Javascript
BootStrap Table前台和后台分页对JSON格式的要求
Jun 28 Javascript
深入理解Angularjs 脏值检测
Oct 12 Javascript
JavaScript使用Math.random()生成简单的验证码
Jan 21 Javascript
Vue 3.0 前瞻Vue Function API新特性体验
Aug 12 Javascript
如何在JavaScript中创建具有多个空格的字符串?
Feb 23 Javascript
vue数据字典取键值项目的字典问题
Apr 12 Vue.js
BootStrap创建响应式导航条实例代码
May 31 #Javascript
浅谈js中的延迟执行和定时执行
May 31 #Javascript
温习Javascript基础语法之词法结构
May 31 #Javascript
jQuery文字横向滚动效果的实现代码
May 31 #Javascript
Javascript实现跑马灯效果的简单实例
May 31 #Javascript
javascript实现简易计算器的代码
May 31 #Javascript
javascript实现任务栏消息提示的简单实例
May 31 #Javascript
You might like
新版PHP极大的增强功能和性能
2006/10/09 PHP
PHP遍历目录函数opendir()、readdir()、closedir()、rewinddir()总结
2014/11/18 PHP
使用jQuery同时控制四张图片的伸缩实现代码
2013/04/19 Javascript
jquery实现显示已选用户
2014/07/21 Javascript
node.js中的fs.lchownSync方法使用说明
2014/12/16 Javascript
JQuery复制DOM节点的方法
2015/06/11 Javascript
js实现带有介绍的Select列表菜单实例
2015/08/18 Javascript
bootstrap实现弹窗和拖动效果
2016/01/03 Javascript
在Html中使用Requirejs进行模块化开发实例详解
2016/04/15 Javascript
jQuery处理XML文件的几种方法
2016/06/14 Javascript
微信小程序tabBar模板用法实例分析【附demo源码下载】
2017/11/28 Javascript
解决vue项目nginx部署到非根目录下刷新空白的问题
2018/09/27 Javascript
[01:02:10]DOTA2上海特级锦标赛B组小组赛#2 VG VS Fnatic第一局
2016/02/26 DOTA
在Python3中使用asyncio库进行快速数据抓取的教程
2015/04/02 Python
在Python中进行自动化单元测试的教程
2015/04/15 Python
Python中函数eval和ast.literal_eval的区别详解
2017/08/10 Python
Python数据结构之栈、队列的实现代码分享
2017/12/04 Python
python字符串常用方法
2018/06/14 Python
Python面向对象程序设计类变量与成员变量、类方法与成员方法用法分析
2019/04/12 Python
PyCharm 配置远程python解释器和在本地修改服务器代码
2019/07/23 Python
python基于pdfminer库提取pdf文字代码实例
2019/08/15 Python
PyQt5中多线程模块QThread使用方法的实现
2020/01/31 Python
python的sys.path模块路径添加方式
2020/03/09 Python
Python绘制动态水球图过程详解
2020/06/03 Python
python3.x中安装web.py步骤方法
2020/06/23 Python
keras.utils.to_categorical和one hot格式解析
2020/07/02 Python
简单介绍CSS3中Media Query的使用
2015/07/07 HTML / CSS
HTML5计时器小例子
2013/10/15 HTML / CSS
L’AGENCE官网:加州女装品牌
2018/06/03 全球购物
局域网定义和特性
2016/01/23 面试题
自动一体化专业求职信
2014/03/15 职场文书
工作疏忽、懈怠的检讨书
2014/09/11 职场文书
解除施工合同协议书
2014/10/17 职场文书
天坛导游词
2015/02/02 职场文书
2015年企业工作总结范文
2015/04/28 职场文书
MySQL GTID复制的具体使用
2022/05/20 MySQL