Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/drupal/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 每8小时刷新页面并在达到00:00:00时重新开始倒计时_Javascript_Countdown - Fatal编程技术网

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

Javascript 每8小时刷新页面并在达到00:00:00时重新开始倒计时,javascript,countdown,Javascript,Countdown,我有wordpress网站,我加入了倒计时脚本并开始工作,我想定制这个脚本,并想了解许多要点: 1-是否可以每8小时倒计时一次?例如,当倒计时达到零(00-00-00)时,它将刷新页面并自动重新开始08-00-00 2-如何保持倒计时恒定?我的意思是,每次我加载的页面仍然在开始时间,没有办法保持倒计时,即使你关闭标签 这是我的js代码 jQuery(document).ready(function($) { $('.countdown').final_countdown({

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

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

如果您希望所有用户的倒计时相同,则需要使用外部源,如文件或数据库来表示开始时间(除非您希望“锚定”或者将开始时间硬编码为特定的全局时间,就像我在下面的示例中所做的那样)。如果您想为所有用户单独倒计时,可以使用浏览器存储引擎,如本地存储(本地存储可能是最简单/最快速的方式,但您可以使用cookies、websql等)

为了在每8小时后实现重复,一个简单的数学模数操作符可以做到-你只需要表示开始时间,然后从那里你就可以显示模数(总时间的剩余部分除以8小时)

例如:

var t=document.getElementById('t');
setInterval(函数(){
t、 textContent=(新日期().getTime()/1000 | 0)%15;
}, 1000);
每15秒重复一次(需要8小时)

您可以使用
cookies
localStorage
来保持通信恒定。谢谢,但我告诉过您我是新手,请编辑我的代码堆栈溢出不是免费的编码服务,而是一个学习的地方。编辑问题以提供答案肯定不是它的工作原理。谢谢你的回复,但我需要一步一步的解决方案,因为我告诉过你我是新手,请编辑我的代码,顺便说一下,在我把这个插件放到我的wordpress网站之前,我已经链接到了这个插件。这是:不客气。我已经向你展示了它是如何做到的。不要指望别人为你写东西——这不是这里的工作方式。如果你做不到/不想学,请雇佣一个能/愿意学的人。