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 相关文章推荐
JQuery中SetTimeOut传参问题探讨
May 10 Javascript
js图片向右一张张滚动效果实例代码
Nov 23 Javascript
JavaScript设置表单上传时文件个数的方法
Aug 11 Javascript
js实现网页多级级联菜单代码
Aug 20 Javascript
原生js开发的日历插件
Feb 04 Javascript
jQuery布局组件EasyUI Layout使用方法详解
Feb 28 Javascript
Js利用console计算代码运行时间的方法示例
Sep 24 Javascript
一步步教你利用webpack如何搭一个vue脚手架(超详细讲解和注释)
Jan 08 Javascript
浅析前端路由简介以及vue-router实现原理
Jun 01 Javascript
详解微信小程序实现跑马灯效果(附完整代码)
Apr 29 Javascript
利用d3.js制作连线动画图与编辑器的方法实例
Sep 05 Javascript
js实现购物车商品数量加减
Sep 21 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 获得汉字拼音首字母的函数
2009/08/01 PHP
PHP中使用BigMap实例
2015/03/30 PHP
10个值得深思的PHP面试题
2016/11/14 PHP
js静态方法与实例方法分析
2011/07/04 Javascript
仅Firefox中链接A无法实现模拟点击以触发其默认行为
2011/07/31 Javascript
模拟电子签章盖章效果的jQuery插件源码
2013/06/24 Javascript
javascript实现网页子页面遍历回调的方法(涉及 window.frames、递归函数、函数上下文)
2015/07/27 Javascript
jQuery tagsinput在h5邮件客户端中应用详解
2016/09/26 Javascript
详解JavaScript模块化开发
2016/12/04 Javascript
jquery实现拖动效果(代码分享)
2017/01/25 Javascript
JS实现数组去重方法总结(六种方法)
2017/07/14 Javascript
jQuery ajax调用webservice注意事项
2017/10/08 jQuery
ligerUI---ListBox(列表框可移动的实例)
2017/11/28 Javascript
一个小时快速搭建微信小程序的方法步骤
2019/04/15 Javascript
VsCode里的Vue模板的实现
2020/08/12 Javascript
微信小程序实现身份证取景框拍摄
2020/09/09 Javascript
three.js中多线程的使用及性能测试详解
2021/01/07 Javascript
[01:09]DOTA2次级职业联赛 - ishow.HMM战队宣传片
2014/12/01 DOTA
Python中的ConfigParser模块使用详解
2015/05/04 Python
给Python入门者的一些编程建议
2015/06/15 Python
Python的string模块中的Template类字符串模板用法
2016/06/27 Python
python基础教程之Filter使用方法
2017/01/17 Python
Python中的引用知识点总结
2019/05/20 Python
PYTHON发送邮件YAGMAIL的简单实现解析
2019/10/28 Python
pytorch对梯度进行可视化进行梯度检查教程
2020/02/04 Python
opencv python 图片读取与显示图片窗口未响应问题的解决
2020/04/24 Python
python爬虫请求头的使用
2020/12/01 Python
就业推荐表自我鉴定范文
2014/03/21 职场文书
教师演讲稿开场白
2014/08/25 职场文书
语文课外活动总结
2014/08/27 职场文书
2014统计局民主生活会对照检查材料思想汇报
2014/10/02 职场文书
杭州西湖英语导游词
2015/02/03 职场文书
2016春季小学开学寄语
2015/12/03 职场文书
婚礼必备主持词范本!
2019/07/23 职场文书
如何使JavaScript休眠或等待
2021/04/27 Javascript
Python pandas之求和运算和非空值个数统计
2021/08/07 Python