我有以下代碼，每秒應添加 2.6 。但第一次添加后我得到 8。我該如何解決這個問題？在此處的測試器上它可以工作，但在我的頁面上我得到 8 https://260044-5.web1.fh-htwchur.ch/提前致謝。setTimeout(start, 0000);var i = 2.6;var num = document.getElementById('humans');function start() { setInterval(increase, 1000);}function increase() { if (i < 100000000) { i += 2.6; num.innerText = Math.round(i); }}<div id="humans">2.6</div><p>Menschen wurden geboren.</p>
3 回答
米琪卡哇伊
TA貢獻1998條經驗 獲得超6個贊
你可以試試這個。主要問題是你的四舍五入，你基本上使用了Math.round()，但你正在處理浮點數據類型。因此，只需使用您要顯示的小數點位數即可YourNumber.toFixed(n)。n您可以在下面查看。我只是讓你的代碼變得更短和簡短，但你基本上可以改變你的代碼的四舍五入，它應該可以工作。
setTimeout((function(){
var i = 2.6;
return function start() {
setInterval(()=> {
if (i < 100000000){
i += 2.6;
document.getElementById('humans').innerText = i.toFixed(1);
}
}, 1000);
};
})(), 0000);
<div id="humans">2.6</div>
<p>Menschen wurden geboren.</p>
ITMISS
TA貢獻1871條經驗 獲得超8個贊
您在設置文本時對值進行四舍五入：
num.innerText = Math.round(i);
如果你想顯示小數點后第n位的值，只需使用toFixed. 例子：
num.innerText = i.toFixed(1); /* will give you one number after the decimal point */
白板的微信
TA貢獻1883條經驗 獲得超3個贊
這里的代碼可以工作，但是在您發布的鏈接中，您的腳本中有該代碼：
//funtion for humans born
setTimeout(start, 0000);
var i = 2.6;
var num = document.getElementById('humans');
function start() {
setInterval(increase, 1000);
}
function increase() {
if (i < 100000000) {
i += 2.6;
num.innerText = Math.round(i);
}
}
//funtion for trees cut
setTimeout(start, 0000);
var t = 475.646879756;
var t = document.getElementById('trees');
function startTwo() {
setInterval(increase, 1000);
}
你執行了start兩次：一次是在“人類誕生”之后，另一次是在“樹木被砍伐”之后。
increase因此，您有兩個并發間隔，每秒執行兩次，并且每個increase調用都操作相同的變量。這就是為什么你立刻就得到了8。
我不確定你在這里的目標是什么，但是你要么有不同的變量/函數來每秒增加“人類出生”和“樹木被砍伐”，要么你有一個start調用（因此increase每秒調用一個函數）。
無論如何，這是你的錯誤：如果你想澄清你的邏輯；我/我們可以提供進一步的幫助。
- 3 回答
- 0 關注
- 201 瀏覽
添加回答
舉報
提交
取消