2015-02-10 170 views
0

我有點麻煩讓我的倒數計時器看起來不錯。正如你在這個JSFiddle中看到的,隨着倒數計時器下降,數字正在移動。有沒有辦法解決這個問題,讓計時器在數字減少時保持原位?提前致謝。修復倒計時倒數計時器

此外,這是用於顯示計時器的特定代碼:

view.displayTimer = function() { 
    var count = 500; 
    var counter = setInterval(timer, 10); 

    function timer() { 
    if(count <= 0) { 
     clearInterval(counter); 
     return; 
    } 
    count--; 
    document.getElementById("timer").innerHTML = count/100; 
    } 
}; 
+1

僅供參考,這不是做一個計時器,因爲'的setInterval()'只是一個近似值一個非常準確的方法。您應該記錄startTime,然後在每個間隔記錄上計算自開始時間以來的經過時間。 – jfriend00 2015-02-10 01:23:12

回答

5

使用JavaScript toFixed功能與尾隨零墊。

更換

count/100; 

隨着

(count/100).toFixed(2); 

Jsfiddle.

+0

謝謝!所以我認爲它正在波動,因爲計時器下降時小數位的數量發生了變化? – saadq 2015-02-10 01:20:30

+0

是的,這是正確的 - 默認情況下JavaScript會給你你的號碼的最短浮動表示。 'toFixed'確保您始終擁有小數點後顯示的最少數量的數字。 – 2015-02-10 01:22:36

+0

@saadq請標記爲已接受的答案。謝謝:) – 2015-02-10 01:22:59