回答
你可以說,每次被稱爲時間計數器加一功能,顯示的數值爲: 計數器/ 60分鐘,計數器%60秒
然後你可以使用setInterval
函數使JavaScript每秒鐘調用您的代碼。它不是非常精確,但對於簡單的定時器來說已經足夠了。
這裏是一個非常hackish的方法 - http://jsfiddle.net/gPrwW/1/
HTML -
<div id="worked">31:14</div>
JS:
$(document).ready(function (e) {
var $worked = $("#worked");
function update() {
var myTime = $worked.html();
var ss = myTime.split(":");
var dt = new Date();
dt.setHours(0);
dt.setMinutes(ss[0]);
dt.setSeconds(ss[1]);
var dt2 = new Date(dt.valueOf() + 1000);
var temp = dt2.toTimeString().split(" ");
var ts = temp[0].split(":");
$worked.html(ts[1]+":"+ts[2]);
setTimeout(update, 1000);
}
setTimeout(update, 1000);
});
處理這個具體的方法如下:
- 存儲腳本的功能
- 是被一再呼籲得到了時間的開始時間已過
- 轉換在任何你想要的格式和所用時間證明它
示例代碼:
var initialTime = Date.now();
function checkTime(){
var timeDifference = Date.now() - initialTime;
var formatted = convertTime(timeDifference);
document.getElementById('time').innerHTML = '' + formatted;
}
function convertTime(miliseconds) {
var totalSeconds = Math.floor(miliseconds/1000);
var minutes = Math.floor(totalSeconds/60);
var seconds = totalSeconds - minutes * 60;
return minutes + ':' + seconds;
}
window.setInterval(checkTime, 100);
您可以輕鬆更改檢查時間的粒度(當前設置爲0.1秒)。此計時器的優點是,它在更新時不會不同步。
我只是添加以下它顯示09:05而不是9:5 'var minutes = leftPad(Math。地板(totalSeconds/60),2); VAR秒= leftPad(totalSeconds - 分鐘* 60,2);' 其中: '函數leftPad(aNumber的,aLength){ 如果(aNumber.toString()長度> = aLength返回aNumber的; 返回(。 Math.pow(10,aLength)+ Math.floor(aNumber))。toString()。substring(1); }' – JoeGalind
var date = new Date();
var sec = date.getSeconds();
var min = date.getMinutes();
var handler = function() {
if (++sec === 60) {
sec = 0;
if (++min === 60) min = 0;
}
document.getElementById("time").innerHTML = (min < 10 ? "0" + min : min) + ":" + (sec < 10 ? "0" + sec : sec);
};
setInterval(handler, 1000);
handler();
<h1 id="time" style="text-align: center"></h1>
var initialTime = Date.now();
function checkTime(){
var timeDifference = Date.now() - initialTime;
var formatted = convertTime(timeDifference);
document.getElementById('time').innerHTML = '' + formatted;
}
function convertTime(miliseconds) {
var totalSeconds = Math.floor(miliseconds/1000);
var minutes = Math.floor(totalSeconds/60);
var seconds = totalSeconds - minutes * 60;
return minutes + ':' + seconds;
}
window.setInterval(checkTime, 100);
您應該在示例代碼中包含一個解釋來幫助他人理解您的代碼片段的功能。 – Todd
- 1. 的Javascript計時器秒1分鐘
- 2. JavaScript時鐘,只倒計時小時,分鐘和秒..不是天
- 3. 使用分鐘和秒鐘的簡單Jquery計時器
- 4. javascript毫秒分析時間(分鐘:秒)
- 5. 計時器分鐘總是出30秒
- 6. 計數分鐘和秒onclick
- 7. 如何累計小時,分鐘和秒?
- 8. 倒計時計時器javascript分鐘
- 9. jQuery倒計時(分鐘:秒)秒
- 10. 從幾毫秒到幾分鐘秒的JavaScript倒計時腳本
- 11. 轉換計時器時間間隔以秒和分鐘
- 12. 計時器每秒鐘幾秒
- 13. 小時和分鐘到秒
- 14. android eclipse:在幾小時,幾分鐘和幾秒鐘倒數計時器
- 15. 我需要創建一個具有小時,分鐘和秒鐘的計時器
- 16. 如何在倒數計時器中顯示分鐘和秒數
- 17. 在控制檯中顯示計時器(分鐘和秒)
- 18. 在幾分鐘和幾秒鐘內倒計時
- 19. 如何使用javascript計算小時數,分鐘數,秒數
- 20. 在JavaScript倒數計時器中添加前導零分鐘和秒
- 21. Javascript時鐘無秒
- 22. jQuery的.show()僅適用於一秒鐘
- 23. 如何製作一個javascript計時器,當時間大於60時,它會轉換爲分鐘和秒
- 24. PHP:計算持續時間[秒/分鐘]
- 25. iPhone:NSTimer倒計時(顯示分鐘:秒)
- 26. 創建一個簡單的計時器來計算秒,分鐘和小時
- 27. 小時和分鐘用JavaScript
- 28. JavaScript年,月,日,小時,分鐘,秒差
- 29. JavaScript的計算器,將分解幾年到幾小時幾分鐘秒
- 30. 使用PHP從'小時:分鐘:秒'視覺計數的Javascript倒數計時器日期信息和變量
雖然此鏈接可以回答這個問題,最好是在這裏有答案的主要部件,並提供鏈接以供參考。如果鏈接頁面更改,則僅鏈接答案可能會失效。 - [來自評論](/ review/low-quality-posts/16958846) –