【发布时间】:2011-07-28 08:20:39
【问题描述】:
是否可以使用 javascript(jQuery 解决方案也可以)在一天中的某些时间触发事件/调用函数,例如
在 10:00 致电 myFunctionA
在 14:00 致电 myFunctionB 等等。
谢谢
标记
【问题讨论】:
-
应该自动触发事件,还是只触发特定时间点?
标签: javascript jquery
是否可以使用 javascript(jQuery 解决方案也可以)在一天中的某些时间触发事件/调用函数,例如
在 10:00 致电 myFunctionA
在 14:00 致电 myFunctionB 等等。
谢谢
标记
【问题讨论】:
标签: javascript jquery
【讨论】:
我遇到了这个问题并想出了一个更详细的解决方案。基本思想与其他答案相同:使用setTimeout(),间隔从现在到所需时间点。
此处使用的其他详细信息:如果时间点在过去,则安排在明天(时间点 + 24 小时)。从现在起每天使用setInterval() 在给定时间点触发该功能。
注意:这里不考虑夏令时。
输入参数:time = '16:00';triggerThis = function() { alert('this was triggered'); };
scheduleWarning(time, triggerThis) {
// get hour and minute from hour:minute param received, ex.: '16:00'
const hour = Number(time.split(':')[0]);
const minute = Number(time.split(':')[1]);
// create a Date object at the desired timepoint
const startTime = new Date(); startTime.setHours(hour, minute);
const now = new Date();
// increase timepoint by 24 hours if in the past
if (startTime.getTime() < now.getTime()) {
startTime.setHours(startTime.getHours() + 24);
}
// get the interval in ms from now to the timepoint when to trigger the alarm
const firstTriggerAfterMs = startTime.getTime() - now.getTime();
// trigger the function triggerThis() at the timepoint
// create setInterval when the timepoint is reached to trigger it every day at this timepoint
setTimeout(function(){
triggerThis();
setInterval(triggerThis, 24 * 60 * 60 * 1000);
}, firstTriggerAfterMs);
}
【讨论】:
/**
* This Method executes a function certain time of the day
* @param {type} time of execution in ms
* @param {type} func function to execute
* @returns {Boolean} true if the time is valid false if not
*/
function executeAt(time, func){
var currentTime = new Date().getTime();
if(currentTime>time){
console.error("Time is in the Past");
return false;
}
setTimeout(func, time-currentTime);
return true;
}
$(document).ready(function() {
executeAt(new Date().setTime(new Date().getTime()+2000), function(){alert("IT WORKS");});
});
【讨论】:
4html:
current date: <span id="cd"></span><br />
time to Alarm: <span id="al1"></span><br />
alarm Triggered: <span id="al1stat"> false</span><br />
javascript:
var setAlarm1 = "14"; //14:00, 2:00 PM
var int1 = setInterval(function(){
var currentHour = new Date().getHours();
var currentMin = new Date().getMinutes();
$('#cd').html(currentHour + ":" + currentMin );
$('#al1').html(setAlarm1 - currentHour + " hours");
if(currentHour >= setAlarm1){
$('#al1stat').html(" true");
clearInterval(int1);
//call to function to trigger : triggerFunction();
}
},1000) //check time on 1s
【讨论】: