2012-11-20 169 views
0

我有一個PHP腳本,用於計算設置日期和當前日期(h:m:s)之間的差異,而我我想使用這些數據來創建一個簡單的JavaScript可視倒數計時器(使用PHP變量)。這是PHP代碼:使用PHP從'小時:分鐘:秒'視覺計數的Javascript倒數計時器日期信息和變量

$date = date('Y-m-d h:i:s a', time()); 
$d1 = new DateTime("2012-11-18 11:14:15"); 
$d2 = new DateTime($date); 
$result = $d1->diff($d2); 
$hours = ($result->d*24)+$result->h; 
$minutes = $result->i; 
$seconds = $result->s; 

什麼是你的首選和最有效的方式來顯示在JavaScript倒數計時器? (使用$ D1和D2 $或者$小時,$分鐘$秒?)

+0

使用[setTimeout的](http://stackoverflow.com/questions/10312963/javascript-settimeout)。 – Blazemonger

+0

編輯帖子來解釋我需要一個可視倒數計時器。我應該更詳細地闡述我的意思。道歉! – Dean

+0

這聽起來像是你想讓別人爲你編寫完整的JavaScript代碼。 StackOverflow不能這樣工作。請自己嘗試一下,然後在您遇到該代碼的特定問題時在此處發佈問題。 – Blazemonger

回答

2

也許你可以使用一些jQuery插件,像這樣的:Jquery Countdown

如果你不想使用的插件一般的想法是這樣的:

  1. PHP將開始日期時間寫入HTML標記或javascrit變量。

    echo '<div id="year">$year</div>';

  2. 在javascript中創建該1秒減小的當前日期時間,降低分鐘,小時等,必要時的功能。

    function decrease_by_1_sec(){ ... }

  3. 接下來,在$(文件)。就緒()函數,你讓decrease_by_1_sec()功能每秒執行一次。

    setInterval(decrease_by_1_sec(), 1000);

就是這樣!這是總體思路。

相關問題