每8小时到达00:00:00时刷新页面并重新开始倒计时

refresh page and restart countdown when reach 00:00:00 every 8 hours

本文关键字：倒计时 重新开始 00时 8小时 刷新      更新时间：2023-09-26

我有wordpress网站，我放入了倒计时脚本并正在工作，我想自定义这个脚本并想知道很多点：

1-是否可以每8小时倒计时一次？例如，当倒计时达到零时（00-00-00），它将刷新页面并自动重新开始08-00-00。

2-我该怎么做才能保持倒计时不变？我的意思是，每次我加载页面都还在开始时间，即使你关闭标签页，也没有办法保持倒计时吗？

这是我的js代码

jQuery(document).ready(function($) {
    $('.countdown').final_countdown({
        start: '1362139200',
        end: '1388461320',
        now: '1387461319',
selectors: {
    value_seconds: '.clock-seconds .val',
    canvas_seconds: 'canvas-seconds',
    value_minutes: '.clock-minutes .val',
    canvas_minutes: 'canvas-minutes',
    value_hours: '.clock-hours .val',
    canvas_hours: 'canvas-hours',
    value_days: '.clock-days .val',
    canvas_days: 'canvas-days'
},
seconds: {
    borderColor: '#7995D5',
    borderWidth: '6'
},
minutes: {
    borderColor: '#ACC742',
    borderWidth: '6'
},
hours: {
    borderColor: '#ECEFCB',
    borderWidth: '6'
},
days: {
    borderColor: '#FF9900',
    borderWidth: '6'
}}, function() {
// Finish callback
});
});

我在等你的帮助答复。当你回答我的问题时，请复制我的代码并在那里编辑你的答案。

如果您希望所有用户都有相同的倒计时，则需要使用外部源，如文件或数据库来表示开始时间（除非您希望将开始时间"锚定"或硬编码到特定的全局时间时刻，如我在下例中所做的那样）。如果你想为所有用户单独倒计时，你可以使用浏览器存储引擎，如本地存储（本地存储可能是最简单/最快的方式，但你可以使用cookie、websql等…）

为了在每8小时后实现重复，一个简单的数学模算子就可以了——你只需要表示开始时间，然后显示模（总时间除以8小时的余数）。

一个例子：

var t = document.getElementById('t');
setInterval(function(){
  t.textContent = (new Date().getTime() / 1000 | 0) % 15;
}, 1000);
Repeating every 15 seconds (you need 8 hours instead)
<p id="t"></p>

相关文章：