Javascript:My<；p>；当我用Javascript附加内容时，内容没有出现

我一直在研究下面的问题有一段时间了

每1秒发出一次web服务请求以 20秒。将返回一个JSON对象。计算圆形和矩形类型的数量并显示 计数。web服务偶尔会返回500的状态，这些状态也应该被计算和处理 显示

上面是我的输出的示例

下面是我得到的代码：

var xhr=new XMLHttpRequest（）；
var-json；
var setIntervalCounter=0；
var circleCounter=0；
var矩形计数器=0；
var errorCounter=0；
var repeatRequest=setInterval（函数（）{
xhr.onreadystatechange=incrementer（）；
xhr.open（“GET”http://courses.acs.uwinnipeg.ca/2909-001/assignments/A2Q2.php");
xhr.send（）；
setIntervalCounter++；
if（setIntervalCounter==20）{
清除间隔（重复请求）
}}, 1000);
if（setIntervalCounter==20）{
结果（）；
}
//功能
函数递增器（）{
json=xhr.responseText；
if（json.includes（“圆”））{
循环计数器++；
}
else if（json.includes（“矩形”））{
矩形计数器++；
}
否则{
errorCounter++；
}
};
函数结果（）{
var p1=document.createElement（“p”）；
var p2=document.createElement（“p”）；
var p3=document.createElement（“p”）；
p1.innerHTML=“有”+圈计数器；
p2.innerHTML=“有”+矩形计数器；
p3.innerHTML=“有”+错误计数器；
var div=document.getElementById（“结果”）；
儿童组（p1）；
儿童组（p2）；
儿童组（p3）；
};

我稍微更新了代码，它对我有效：

var xhr=new XMLHttpRequest（）；
var-json；
var setIntervalCounter=0；
var circleCounter=0；
var矩形计数器=0；
var errorCounter=0；
var repeatRequest=setInterval（函数（）{
xhr.onreadystatechange=incrementer（）；
xhr.open（“GET”http://courses.acs.uwinnipeg.ca/2909-001/assignments/A2Q2.php");
xhr.send（）；
setIntervalCounter++；
if（setIntervalCounter==20）{
清除间隔（重复请求）；
结果（）；
}
}, 1000);
/*
if（setIntervalCounter==20）{
调试器；
结果（）；
}
*/
//功能
函数递增器（）{
json=xhr.responseText；
if（json.includes（“圆”））{
循环计数器++；
}
else if（json.includes（“矩形”））{
矩形计数器++；
}
否则{
errorCounter++；
}
}
函数结果（）{
调试器；
var p1=document.createElement（“p”）；
var p2=document.createElement（“p”）；
var p3=document.createElement（“p”）；
p1.innerHTML=“有”+圈计数器；
p2.innerHTML=“有”+矩形计数器；
p3.innerHTML=“有”+错误计数器；
var div=document.getElementById（“结果”）；
儿童组（p1）；
儿童组（p2）；
儿童组（p3）；
}

xhr.onreadystatechange=incrementer（）->
xhr.onload=incrementer您好，尝试了那个更改，但我的脚本仍然像以前一样运行。脚本完成后，内容仍然没有显示。您需要检查
if（setIntervalCounter==20）{
在回调中，不只是一次上升，甚至在上升之前。是的，它每秒发送一次请求，持续20秒，然后结束。我的计数器也在上升。我唯一的问题是，我的结果在20秒后没有出现在我的页面上。非常感谢，我现在完全理解了这个问题。