Javascript innerHTML顯示變量爲0

Question

我想使用innerHTML來顯示一個變量，它通過json文件中的一個循環運行並添加到自身，但是當它與innerHTML一起添加時，它顯示爲0。 .log以確保它按照它應該的方式添加數字，而且它確實是這樣，所以我不太清楚問題所在（對我來說簡單易行，我今天從字面上開始使用Javascript）。
CONSOLE.LOG：http://i.imgur.com/cPaCMJD.png
它的外觀在網頁：http://i.imgur.com/BHld58C.png
我的javascript：

window.onload = function() { 
//Creates variable count 
var count = 0; 
//Runs through json file in a loop so the count can find the object amount 
$.getJSON("/quake/quake.txt", function(json1) { 
    $.each(json1, function(key, data) {   
     count = count + 1; 
     count = count - (Number(data.mag) < 3.1); 
     console.log(count); 
    }); 
}); 
//Displays count in element with ID quakecount 
document.getElementById("quakecount").innerHTML += "Magnitude 3.1+ Earthquakes Displayed: " + count; 

}

Answer 1

$.getJSON是異步，它不會等待文件被加載，它移動到下一行，因此，每次你得到0，移動你的innerHTML在這個功能，它將正常工作。：

window.onload = function() { 
//Creates variable count 
var count = 0; 
//Runs through json file in a loop so the count can find the object amount 
$.getJSON("/quake/quake.txt", function(json1) { 
    $.each(json1, function(key, data) {   
     count = count + 1; 
     count = count - (Number(data.mag) < 3.1); 
     console.log(count); 
    }); 
//Displays count in element with ID quakecount 
document.getElementById("quakecount").innerHTML += "Magnitude 3.1+ Earthquakes Displayed: " + count; 

}); 
}