您如何每秒刷新內部HTML？

Question

我剛剛開始從大學課程中學習如何編寫javascript代碼，但是在這方面我遇到了一些麻煩，看來這對我來說應該是有效的。

var cookieAmount = 0;
var cookiePerSecond = 0;
var cookiePerClick = 1;

function firstTimeLoad(){
   refreshClickStats();
}

function cookieClick(){
   cookieAmount += cookiePerClick;
   refreshClickStats();
}

function refreshClickStats(){
   var stats = "<p>You have " + cookieAmount + " cookies.<br>You have " + cookiePerSecond + " cookies per second.</p>";
   document.getElementById('cookieStats').innerHTML = stats;
}

function cookiePerSecondFunction(){
   cookieAmount =+ cookiePerSecond;
   refreshClickStats();
}

window.setInterval(cookiePerSecondFunction(), 1000);

問題是setInterval總是可以工作一次，然后給我一個“無法設置null的'innerHTML'屬性”。 但是，如果我從cookiesPerSecondFunction評論刷新功能，它不會給我一個錯誤。 那么，我的錯在哪里？1秒計時器僅工作一次，其余時間給我一個錯誤？

謝謝，

馬克·穆勒

Answer 1

這是你想要的？

 var cookieAmount = 0; var cookiePerSecond = 0; var cookiePerClick = 1; function firstTimeLoad() { refreshClickStats(); } function cookieClick() { cookieAmount += cookiePerClick; refreshClickStats(); } function refreshClickStats() { var stats = "<p>You have " + cookieAmount + " cookies.<br>You have " + cookiePerSecond + " cookies per second.</p>"; document.getElementById('cookieStats').innerHTML = stats; } function cookiePerSecondFunction() { cookieAmount = ++cookiePerSecond; refreshClickStats(); } window.setInterval(cookiePerSecondFunction, 1000); 

 <div id="cookieStats"></div>