JavaScript.在循环执行期间，innerHTML循环未更新 [英] JavaScript. a loop with innerHTML is not updating during loop execution
本文介绍了JavaScript.在循环执行期间，innerHTML循环未更新的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在尝试在每个循环中从Javascript刷新div并查看1，2，3，.... 以下代码有效，但仅显示最终结果(9998). 如何显示所有步骤? 预先谢谢你.
I'm trying to refresh a div from Javascript at each loop and see 1, 2, 3, .... The following code works, but only displays the final result (9998). How is it possible to display all the steps? Thank you in advance.
<html>
<head>
</head>
<body>
<div id="cadre" style="width=100%;height=100%;">
<input type="button" value="Executer" onclick="launch();"/>
<div id="result" ></div>
</div>
<script type="text/javascript">
function launch(){
for (inc=0;inc<9999;inc++){
document.getElementById('result').innerHTML = inc;
}
}
</script>
</body>
</html>
推荐答案
var i = 0;
function launch(){
var timer = window.setInterval(function(){
if( i == 9999 ){
window.clearInterval( timer );
}
document.getElementById('result').innerHTML = i++;
}, 100);
}
launch();
这篇关于JavaScript.在循环执行期间，innerHTML循环未更新的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
