2015-11-03 31 views
0

我的wordpress網站,我把劇本倒計時和工作,我想自定義此腳本,並想知道多點:刷新頁面並重新啓動倒計時,當達到00:00:00,每8小時

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

我等着你的幫助的答案。當你回答我的問題時,請複製我的代碼並在那裏編輯你的答案。

+0

你可以用'cookies'或'localStorage'保持coundown不變。 –

+0

謝謝,但我告訴過你,我是新手請編輯我的代碼 – Beltagy

+1

堆棧溢出不是一個免費的編碼服務,而是一個學習的地方。編輯問題以提供答案絕對不是它的工作原理。 – Shomz

回答

0

如果您想要爲所有用戶進行相同的倒計時,您需要使用外部源,如文件或數據庫來表示開始時間(除非您想將開始時間「錨定」或硬編碼到一個特定的全球時刻,就像我在下面的例子中所做的那樣)。如果你想爲所有用戶單獨倒計時,你可以使用瀏覽器存儲引擎,如本地存儲(本地存儲可能是最簡單/最快捷的方式,但你可以使用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>

+0

謝謝你的回覆,但我需要一步一步的解決方案,因爲我告訴過你我是新手,請編輯我的代碼,順便說一下,我已將該插件鏈接到我的wordpress網站之前。這裏是:http://www.jqueryscript.net/time-clock/Modern-Circular-jQuery-Countdown-Timer-Plugin-Final-Countdown.html – Beltagy

+1

不客氣。我已經向你展示了它是如何完成的。別指望別人爲你寫東西 - 這不是在這裏工作的方式。如果你不能這樣做/不想學習它 - 僱用一個可以/願意的人。 – Shomz