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 相关文章推荐
javascript 函数参数限制说明
Nov 19 Javascript
zShowBox 图片放大展示jquery版 兼容性
Sep 24 Javascript
jquery 插件学习(一)
Aug 06 Javascript
利用毫秒减值计算时长的js代码
Sep 22 Javascript
Javascript实现div层渐隐效果的方法
May 30 Javascript
对js eval()函数的一些见解
Aug 15 Javascript
JS框架之vue.js(深入三:组件1)
Sep 29 Javascript
浅谈在node.js进入文件目录的问题
May 13 Javascript
JS遍历JSON数组及获取JSON数组长度操作示例【测试可用】
Dec 12 Javascript
vue中的v-if和v-show的区别详解
Sep 01 Javascript
使用Vue调取接口,并渲染数据的示例代码
Oct 28 Javascript
Node.js实现批量下载图片简单操作示例
Jan 18 Javascript
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 和 COM
2006/10/09 PHP
PHP5函数小全(分享)
2013/06/06 PHP
php快递单号查询接口使用示例
2014/05/05 PHP
php按百分比生成缩略图的代码分享
2014/05/10 PHP
PHP中spl_autoload_register()和__autoload()区别分析
2014/05/10 PHP
基于PHP实现简单的随机抽奖小程序
2016/01/05 PHP
windows7配置Nginx+php+mysql的详细教程
2016/09/04 PHP
PHP 99乘法表的几种实现代码
2020/10/13 PHP
基于jquery的无限级联下拉框js插件
2011/10/29 Javascript
JQuery创建DOM节点的方法
2015/06/11 Javascript
jQuery多级手风琴菜单实例讲解
2015/10/22 Javascript
Vue数据驱动模拟实现5
2017/01/13 Javascript
js模仿微信朋友圈计算时间显示几天/几小时/几分钟/几秒之前
2017/04/27 Javascript
Vue2.x中的Render函数详解
2017/05/30 Javascript
Vue2.0 事件的广播与接收(观察者模式)
2018/03/14 Javascript
JavaScript中常见内置函数用法示例
2018/05/14 Javascript
JS获取子节点、父节点和兄弟节点的方法实例总结
2018/07/06 Javascript
vue插件实现v-model功能
2018/09/10 Javascript
微信小程序实现页面浮动导航
2019/01/28 Javascript
vue中的过滤器实例代码详解
2019/06/06 Javascript
Nuxt的路由配置和参数传递方式
2020/11/06 Javascript
python使用socket向客户端发送数据的方法
2015/04/29 Python
简单介绍Python中的floor()方法
2015/05/15 Python
详解Python图像处理库Pillow常用使用方法
2019/09/02 Python
python使用SQLAlchemy操作MySQL
2020/01/02 Python
HTML5 离线应用之打造零请求、无流量网站的解决方法
2013/04/25 HTML / CSS
12个不为大家熟知的HTML5设计小技巧
2016/06/02 HTML / CSS
html5 datalist 选中option选项后的触发事件
2020/03/05 HTML / CSS
Room Mate Hotels美国:西班牙酒店品牌
2018/04/10 全球购物
美国最受欢迎的度假目的地优惠套餐:BookVIP
2018/09/27 全球购物
金属材料工程毕业生个人的自我评价
2013/11/28 职场文书
合作经营协议书
2014/04/17 职场文书
2014年大学团支部工作总结
2014/12/02 职场文书
公司承诺函范文
2015/01/21 职场文书
2015毕业生简历自我评价
2015/03/02 职场文书
2015年12.4全国法制宣传日活动总结
2015/03/24 职场文书