倒数计时器每 6 小时一次
Countdown Timer for every 6 hours
只是想知道,是否有任何方法或代码可以设置每 6 小时、每天的倒数计时器?
例如,我想在这个时间开始倒计时(换句话说,就像每 6 小时一次):上午9时至下午3时下午3时至晚上9时晚上 9 点至凌晨 3 点凌晨3点到9点?
我看遍了整个网站,找不到这样的倒数计时器。
最好是HTML和javascript/jquery。
var timer = {
started: false,
timestamp: 0
},
trigger = 15; //3pm
function timerInit(){
var hour = new Date().getHours();
if(!started && hour === trigger){ //When it's 3pm, the timer will start
startTimer(); //└─ rewrite the conditional statement
// as needed
//do whatever you want here
timer.timestamp = +new Date();
timer.started = true; //Indicates the timer has been started
}
requestAnimationFrame(timerInit); //setTimeout is not efficient
}
requestAnimationFrame(timerInit);
//This is for when the timer has ended.
function timerEnded(){
timer.started = false;
}
function startTimer(){
var d = new Date();
timePassed = new Date(timer.timestamp + 1000*60*60*6 - d);
var remaining = { //Calculate time difference
hour: timePassed.getHours(), // using timestamps
minute: timePassed.getMinutes(),
second: timePassed.getSeconds()
}
console.log(remaining);
if(timePassed > 0){
setTimeout(startTimer, 500); //Countdown
}else{
timerEnded(); //Ended
}
}
http://jsfiddle.net/DerekL/kKPcr/7/
你可以使用 javascript 的原生setInterval
方法
例如:
var timer = setInterval(myfunction, 21600) // 21600 seconds == 6 hours
相关文章:
- 每小时倒计时一次,但以30分钟为单位
- jQuery每6小时倒计时一次
- 使用年、月、日期、小时、秒格式每分钟刷新一次图像
- Highcharts tick每小时间隔一次
- 在nodeJS中每小时运行一次调度作业
- jQuery每5个工作小时重置一次颜色模式
- 设置javascript cookie每小时过期一次
- 每 3 小时显示一次对话框
- 每小时自动运行一次PHP页面 - 无需使用Cron作业
- D3 日期范围(按小时);每 7 天重复一次
- 周期性倒计时计时器,每18小时一次,有特定的开始日期
- setInterval()是如何工作的?我可以用它每小时更换一次图像吗
- 需要使用此JSON文档并使用$.ajax()从API创建每小时一次的天气更新
- 自定义倒计时脚本,每8小时重新启动一次
- 每3小时在服务器上运行一次脚本
- 是否有可能覆盖/阻止Javascript代码,以避免每小时超过一次点击
- 每24小时一次不同的谷歌地球之旅(无人驾驶)
- 24小时内仅点击一次,显示提示框
- Api呼叫请求限制为每小时一次呼叫
- 如何在tomcat服务器上安排一个任务每X小时运行一次?