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

Question

我有 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
});
});

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

Answer 1

如果您希望所有用户都使用相同的倒计时，则需要使用外部源（例如文件或数据库）来表示开始时间（除非您想 "anchor" 或硬编码开始时间到特定的全球时刻，就像我在下面的例子中所做的那样）。如果你想为所有用户单独倒计时，你可以使用像本地存储这样的浏览器存储引擎（本地存储可能是 easiest/quickest 方式，但你可以使用 cookies、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>

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

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

javascript

countdown