Javascript innerHTML将变量显示为0

时间:2015-06-28 05:48:17

标签: javascript

我试图使用innerHTML显示一个在json文件中循环运行的变量并添加到自身,但是当它与innerHTML一起添加时,它显示为0.我使用console.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;

}

1 个答案:

答案 0 :(得分:0)

$.getJSON 异步,它不会等待文件加载,它会移动到下一行,因此每当你获得0时,移动你的{ {1}}在这个函数中它可以正常工作。:

innerHTML