倒数计时器每 6 小时一次

Countdown Timer for every 6 hours

本文关键字:一次 小时 计时器 倒数      更新时间:2023-09-26

只是想知道,是否有任何方法或代码可以设置每 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