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与其他库冲突的方法介绍
Jan 02 Javascript
使用node+vue.js实现SPA应用
Jan 28 Javascript
jquery使用on绑定a标签无效 只能用live解决
Jun 02 Javascript
js放大镜放大购物图片效果
Jan 18 Javascript
JavaScript 数组的进化与性能分析
Sep 18 Javascript
js 毫秒转天时分秒的实例
Nov 17 Javascript
bootstrap下拉分页样式 带跳转页码
Dec 29 Javascript
vue中的inject学习教程
Apr 24 Javascript
vue监听用户输入和点击功能
Sep 27 Javascript
javascript 模块依赖管理的本质深入详解
Apr 30 Javascript
element-ui tree结构实现增删改自定义功能代码
Aug 31 Javascript
Vue图片裁剪组件实例代码
Jul 02 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
flash用php连接数据库的代码
2011/04/21 PHP
最常用的8款PHP调试工具
2014/07/06 PHP
dedecms中使用php语句指南
2014/11/13 PHP
mongodb和php的用法详解
2019/03/25 PHP
Linux下源码包安装Swoole及基本使用操作图文详解
2019/04/02 PHP
写出更好的JavaScript程序之undefined篇(中)
2009/11/23 Javascript
Extjs学习笔记之二 初识Extjs之Form
2010/01/07 Javascript
关于jquery性能最佳实践的讨论,与求教
2012/03/30 Javascript
jQuery实现复选框批量选择与反选的方法
2015/06/17 Javascript
TypeScript 学习笔记之基本类型
2015/06/19 Javascript
Boostrap入门准备之border box
2016/05/09 Javascript
jQuery获取单击节点对象的方法
2016/06/02 Javascript
angular.js分页代码的实例
2016/07/27 Javascript
JS仿京东移动端手指拨动切换轮播图效果
2020/04/10 Javascript
mockjs,json-server一起搭建前端通用的数据模拟框架教程
2017/12/18 Javascript
详解@Vue/Cli 3 Invalid Host header 错误解决办法
2019/01/02 Javascript
layui layer select 选择被遮挡的解决方法
2019/09/21 Javascript
node使用mysql获取数据库数据中文乱码问题的解决
2019/12/02 Javascript
Django验证码的生成与使用示例
2017/05/20 Python
Android分包MultiDex策略详解
2017/10/30 Python
python之virtualenv的简单使用方法(必看篇)
2017/11/25 Python
python:pandas合并csv文件的方法(图书数据集成)
2018/04/12 Python
python 爬虫 批量获取代理ip的实例代码
2018/05/22 Python
用Python读取几十万行文本数据
2018/12/24 Python
Python玩转PDF的各种骚操作
2019/05/06 Python
Python实现Mysql数据统计及numpy统计函数
2019/07/15 Python
自适应线性神经网络Adaline的python实现详解
2019/09/30 Python
Python爬虫实战案例之爬取喜马拉雅音频数据详解
2020/12/07 Python
CSS3 优势以及网页设计师如何使用CSS3技术
2009/07/29 HTML / CSS
HTML实现代码雨源码及效果示例
2020/02/25 HTML / CSS
农村婚礼证婚词
2014/01/08 职场文书
自行车租赁公司创业计划书
2014/01/28 职场文书
安全口号大全
2014/06/21 职场文书
2014最新实习证明模板
2014/10/02 职场文书
场地使用证明模板
2014/10/25 职场文书
保护环境建议书作文400字
2015/09/14 职场文书