Javascript miscellanea -display data real time, using window.status_Javascript教程-查字典教程网
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教程学习
    编程开发子分类