2017-09-16 34 views
0

好,所以我使用http://keith-wood.name/倒計時插件,並使用其中一個函數爲unix時間戳,但需要一些幫助。如何進行全球倒計時?

我將在該網站周圍進行多次倒計時,但我已經得到它的工作方式我必須聲明每個計時器如下。

var crimeTime = new Date(); 
crimeTime.setTime(<?php echo $crime_time * 1000; ?>); 
$('#Crimes').countdown({until: crimeTime, compact: true, format: 'HMS'}); 

,並有重複行的每個倒計時還有製作計時器全球所以實例的方式...

<div class="countdown"><?php echo $unixtimestamp;?></div> 

我環顧四周,並嘗試了很多,但他們要麼不根本不工作,或者不能正確使用unix時間戳。

另一個問題是如何讓定時器自動開始倒計時提交?

例如只能每1分鐘執行一次活動計時器顯示00:00:00一旦點擊提交它所停留的活動00:00:00它不會更改爲00:01:00,除非頁面爲提交後刷新。

謝謝。

+0

https://stackoverflow.com/questions/10492126/trying-to-use-jquery-countdown-with-unix-timestamp-from-php – powerfade917

回答

0

可以在PHP/HTML走這條路:

<div class="countdown" data-time="<?=$unixtimestamp;?>"></div> 

而在jQuery的你:

$('.countdown').each(function(i) { 
    var thisCounter = $(this); 
    var thisTime = thisCounter.data('time'); 
    var crimeTime = new Date(); 
    crimeTime.setTime(thisTime); 
    thisCounter.countdown({until: crimeTime, compact: true, format: 'HMS'}); 
}); 
+0

很抱歉,如果我是不是當我的意思是全球更具體/多個我喜歡不同的定時器爲不同的活動,這樣我仍然必須定義每個活動? 所以就像犯罪時間是一個計時器和gtatime是另一個,但希望一種顯示兩種方式而不必寫多行jQuery。 – BoxyGILLETT

+0

@Boxy你是什麼意思顯示多個定時器沒有寫多行代碼?只需製作一個函數並調用它即可 –

+0

我喜歡存儲在數據庫中的多個unix時間戳,用於不同的事情,但希望它們顯示在一個頁面上,而不必反覆不斷地寫入相同的代碼,但只需編輯它以匹配另一個像我的問題帖子。 我會看看你放了什麼東西,晚飯後玩一玩:) – BoxyGILLETT

0

如果你只是需要一個時間計數器(以獲得realtime時間),你可以做一個全球性的,只是參考它:

timer = new Date().getTime(); // time in miliseconds 
timerHolder = setInterval(
() => { 
    timer+= 1000; 
    }, 1000 
); 

然後閱讀你可以做的時間: new Date(timer)