<scripttype="text/javascript">
//<![CDATA[
functionfstatus(){
for(vari=0;i<100000;i++){
window.status="nowprocessis""+i+""";
}
}
functionfinnerHtml(){
for(vari=0;i<1000;i++){
document.getElementById("demo").innerHTML="nowprocessis""+i+""";
}
}
//]]>
</script>
<inputtype="button"onclick="fstatus()"value="teststatus"/>
<inputtype="button"onclick="finnerHtml()"value="testinnerHTML"/>
<divid="demo"></div>
Intheaboveexample,onehavealoopanddisplayitrealtimeuseinnerHTMLproperty,anotherisusewindow.status.
However,thewindow.statusinrealtimethatperfectdisplaytheloopdigit,buttheinnerHTMLpropertyisnot.
Justdisplayresultdigit:nowprocessis"999".
AndhowtousinginnerHTMLdisplayrealtimedata?canbutusewindow.setTimeout,orwindow.setIntervalmethod,likethis:
varcnt=0;
functionfinnerHtml(){
if(cnt++>=1000)return;
document.getElementById("demo").innerText="nowprocessis""+cnt+""";
window.setTimeout(finnerHtml,10)
}
But,it'snoconvenient.thedisplayspeedisnotwell,andwemustcontrolsomething.
e.g.
setTimeoutvariables,whenitcompletely.
So,Iproposewinodw.statustoreplaceinnerHTMLpropertywhendisplayinrealtime.
【Javascript miscellanea -display data real time, using window.status】相关文章：
★ JavaScript中的this,call,apply使用及区别详解
★ javascript下使用Promise封装FileReader
★ javascript中createElement的两种创建方式
★ 表单提交验证类
★ JavaScript的document和window对象详解