JS中自定义定时器让它在某一时刻执行


Posted in Javascript onSeptember 02, 2014

有时,处于需求的原因,我们需要在JS中写一个方法,然后让它在某一时刻执行,即需要在JS中写一个定时器,当时间达到要求时间时,需要执行的方法自动执行,下面小编简单说一下我是怎么实现的

var tMinutes=0; 
var tHours=0; 
var go; 
function dingshi(hours,minutes){ 
tHours = hours; 
tMinutes = minutes; 
go=setInterval(run,3000); 
} 
function run(){ 
var date=new Date(); 
if((date.getMinutes()-tMinutes==0) 
&&(date.getHours()-tHours==0)){ 
clearInterval(go); 
getData(); //要执行的方法 
} 
} 
}

在dingshi中的参数hours,minutes是要执行的方法开始的时间,这里只是要求小时和分钟,具体情况下大家可自行添加参数,但要注意修改run方法中if中的判断条件。

getData为要执行的方法,也是根据实际情况自行修改,使用时调用dingshi方法即可。

还有要注意的是为了防止浏览器崩溃,setInterval的第二个参数我定为3000毫秒,即3秒,如果大家定时要求精确到秒,这里应该改成1000,否则可能会错过你设定的时间。

Javascript 相关文章推荐
JavaScript 未结束的字符串常量常见解决方法
Jan 24 Javascript
js实现简单的星级选择器提交效果适用于评论等
Oct 18 Javascript
多个jquery.datatable共存,checkbox全选异常的快速解决方法
Dec 10 Javascript
TypeOf这些知识点你了解吗
Feb 21 Javascript
Javascript this 函数深入详解
Dec 13 Javascript
AngularJS框架的ng-app指令与自动加载实现方法分析
Jan 04 Javascript
vue学习笔记之指令v-text && v-html && v-bind详解
May 12 Javascript
微信小程序实现全局搜索代码高亮的示例
Mar 30 Javascript
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
Aug 06 Javascript
详解基于webpack&gettext的前端多语言方案
Jan 29 Javascript
Vue如何循环提取对象数组中的值
Nov 18 Vue.js
详解vite+ts快速搭建vue3项目以及介绍相关特性
Feb 25 Vue.js
理解javascript中的回调函数(callback)
Sep 02 #Javascript
详解js闭包
Sep 02 #Javascript
jquery delay()介绍及使用指南
Sep 02 #Javascript
使用jquery实现放大镜效果
Sep 02 #Javascript
javascript初学者常用技巧
Sep 02 #Javascript
js/jquery判断浏览器的方法小结
Sep 02 #Javascript
Iframe实现跨浏览器自适应高度解决方法
Sep 02 #Javascript
You might like
怎样辨别一杯好咖啡
2021/03/03 新手入门
PHP在不同页面间传递Json数据示例代码
2013/06/08 PHP
深入理解PHP原理之执行周期分析
2016/06/01 PHP
php 策略模式原理与应用深入理解
2019/09/25 PHP
特殊字符、常规符号及其代码对照表
2006/06/26 Javascript
鼠标经过的文本框textbox变色
2009/05/21 Javascript
jquery 入门教程 [翻译] 推荐
2009/08/17 Javascript
js 数值转换为3位逗号分隔的示例代码
2014/02/19 Javascript
JS实现仿QQ聊天窗口抖动特效
2015/05/10 Javascript
javascript文本模板用法实例
2015/07/31 Javascript
JS组件Form表单验证神器BootstrapValidator
2016/01/26 Javascript
jQuery实现横向带缓冲的水平运动效果(附demo源码下载)
2016/01/29 Javascript
Bootstrap页面标题Page Header的实现方法
2017/03/22 Javascript
详解在vue-cli中引用jQuery、bootstrap以及使用sass、less编写css
2017/11/08 jQuery
使用proxy实现一个更优雅的vue【推荐】
2018/06/19 Javascript
vue自定义底部导航栏Tabbar的实现代码
2018/09/03 Javascript
基于vue中keep-alive缓存问题的解决方法
2018/09/21 Javascript
angularJS1 url中携带参数的获取方法
2018/10/09 Javascript
JS/HTML5游戏常用算法之碰撞检测 像素检测算法实例详解
2018/12/12 Javascript
用Electron写个带界面的nodejs爬虫的实现方法
2019/01/29 NodeJs
原生js实现ajax请求和JSONP跨域请求操作示例
2020/03/14 Javascript
js实现弹幕飞机效果
2020/08/27 Javascript
[42:32]Secret vs Optic 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python常用正则表达式符号浅析
2014/08/13 Python
python 实现在一张图中绘制一个小的子图方法
2019/07/07 Python
Python3爬虫mitmproxy的安装步骤
2020/07/29 Python
CSS3 background-image颜色渐变的实现代码
2018/09/13 HTML / CSS
Bibloo荷兰:女士、男士和儿童的服装、鞋子和配饰
2019/02/25 全球购物
罗马尼亚购物网站:Vivantis.ro
2019/07/20 全球购物
《最可爱的人》教学反思
2014/02/14 职场文书
夜不归宿检讨书
2014/02/25 职场文书
保险公司年会主持词
2014/03/22 职场文书
初三新学期计划书
2014/05/03 职场文书
司法建议书范文
2014/05/13 职场文书
《颐和园》教学反思
2016/02/19 职场文书
将图片保存到mysql数据库并展示在前端页面的实现代码
2021/05/02 MySQL