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入门教程(1) 什么是JS
Jan 31 Javascript
Javascript 类、命名空间、代码组织代码
Jul 31 Javascript
javascript里绝对用的上的字符分割函数总结
Jul 31 Javascript
3种js实现string的substring方法
Nov 09 Javascript
jQuery文字横向滚动效果的实现代码
May 31 Javascript
jQuery模拟Marquee实现无缝滚动效果完整实例
Sep 29 Javascript
JS中用try catch对代码运行的性能影响分析
Dec 26 Javascript
从零学习node.js之搭建http服务器(二)
Feb 21 Javascript
HTML5开发Kinect体感游戏的实例应用
Sep 18 Javascript
微信小程序实现页面跳转传值的方法
Oct 12 Javascript
Vue2 监听属性改变watch的实例代码
Aug 27 Javascript
使用Vant完成DatetimePicker 日期的选择器操作
Nov 12 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如何得到当前页和上一页的地址?
2006/11/27 PHP
Mysql和网页显示乱码解决方法集锦
2008/03/27 PHP
微信营销平台系统?刮刮乐的开发
2014/06/10 PHP
新浪SAE搭建PHP项目教程
2015/01/28 PHP
为你总结一些php系统类函数
2015/10/21 PHP
Yii2.0框架模型添加/修改/删除数据操作示例
2019/07/18 PHP
创建一个复制UBB软件信息的链接或按钮的js代码
2008/01/06 Javascript
摘自启点的main.js
2008/04/20 Javascript
Javascript document.referrer判断访客来源网址
2020/05/15 Javascript
使用js实现按钮控制文本框加1减1应用于小时+分钟
2013/12/09 Javascript
JS使用getComputedStyle()方法获取CSS属性值
2014/04/23 Javascript
原生js实现addclass,removeclass,toggleclasss实例
2016/11/24 Javascript
Javascript highcharts 饼图显示数量和百分比实例代码
2016/12/06 Javascript
js手机号4位显示空格,银行卡每4位显示空格效果
2017/03/23 Javascript
vue 使用ref 让父组件调用子组件的方法
2018/02/08 Javascript
微信小程序下拉框组件使用方法详解
2018/12/28 Javascript
vue项目中使用vue-i18n报错的解决方法
2019/01/13 Javascript
js面向对象之实现淘宝放大镜
2020/01/15 Javascript
关于Python中Inf与Nan的判断问题详解
2017/02/08 Python
用python与文件进行交互的方法
2018/03/01 Python
Python生成rsa密钥对操作示例
2019/04/26 Python
python 利用pywifi模块实现连接网络破解wifi密码实时监控网络
2019/09/16 Python
Python AutoCAD 系统设置的实现方法
2020/04/01 Python
Python如何把Spark数据写入ElasticSearch
2020/04/18 Python
CSS3实现时间轴特效
2020/11/02 HTML / CSS
Sunglasses Shop英国:欧洲领先的太阳镜在线供应商之一
2018/09/19 全球购物
品学兼优的大学生自我评价
2013/09/20 职场文书
大学生文员专业个人求职信范文
2014/01/05 职场文书
五一劳动节活动记录
2014/03/23 职场文书
个人授权委托书范本
2014/04/03 职场文书
爱心捐款倡议书范文
2014/05/12 职场文书
社区班子对照检查材料
2014/08/27 职场文书
师德师风事迹材料
2014/12/20 职场文书
努力工作保证书
2015/02/28 职场文书
董事长秘书工作总结
2015/08/14 职场文书
详解Vue的sync修饰符
2021/05/15 Vue.js