2016-02-22 12 views
3

我正在獲取頁面加載時的當前時間,我想從當前時間開始計時。我怎樣才能做到這一點?如何使用查詢從當前機器時間啓動計時器?

這裏是我當前的腳本:

var dt = new Date(); 
var time = dt.getHours() + ":" + dt.getMinutes() + ":" + dt.getSeconds(); 
$("#timer").text(time); 
+0

我第一次用這種方法的話,我想自動啓動計時器顯示的時間機器的時鐘得到的時間顯示 –

+0

所以基本上你正在尋找一個時鐘? – RRK

+1

的[如何獲得當前時間與jQuery(http://stackoverflow.com/questions/20456712/how-to-get-current-time-with-jquery) – Abhijeet

回答

1

你在找這個?

var dt = new Date(); 
 
setInterval(function() { 
 
    dt.setSeconds(dt.getSeconds() + 1); 
 
    var time = pad(dt.getHours(), 2) + ":" + pad(dt.getMinutes(), 2) + ":" + pad(dt.getSeconds(), 2); 
 
    $("#timer").text(time); 
 
}, 1000) 
 

 
function pad(num, size) { 
 
    var s = num + ""; 
 
    while (s.length < size) s = "0" + s; 
 
    return s; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<div id="timer"></div>

+0

沒有此代碼正在獲取當前機器時間。我將獲得服務器發送的時間。我會循環它,並顯示時間就像時鐘 –

+0

謝謝它適用於我。 –

+0

我添加了這段代碼,但這僅適用於頁面處於活動狀態的情況,我的意思是持續時間直到頁面聚焦,但是當我導航到其他標記時停止,並且當我導航回到此選項卡而不是1分鐘時,它僅通過10或12秒。請幫助我。我認爲當你去一些網頁,然後回來,那麼你需要重新從服務器獲取的時間瀏覽器低點下來優先 –

0

你可以把一個機能的研究,這些三線和使用setInterval()

function showTime(){ 
    //var dt = new Date(); 
    //var time = dt.getHours() + ":" + dt.getMinutes() + ":" + dt.getSeconds(); 

    //var time = [add a ajax call to your server and get the time in string format.] 
    $("#timer").text(time); 
} 
setInterval(showTime,1000); 

所以機能的研究被稱爲每個第二和DIV與當前時間更新。

+0

我不想從當前machine.Time將從服務器發送在PHP中 –

相關問題