Javascript miscellanea -display data real time, using window.status
Javascript miscellanea -display data real time, using window.status
发布时间:2016-12-30 来源:查字典编辑
摘要://functionfstatus(){for(vari=0;i=1000)return;document.getElementById("...

<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教程学习
热门Javascript教程学习
编程开发子分类