Javascript miscellanea -display data real time, using window.status

rosebay226

rosebay226

2016-02-19 10:56

下面图老师小编要向大家介绍下Javascript miscellanea -display data real time, using window.status,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!
script type="text/javascript"
 //![CDATA[
 function fstatus() {
 for (var i=0; i100000; i++) {
 window.status = "now process is "" +i+ """;
 }
 }
 function finnerHtml() {
 for (var i=0; i1000; i++) {
 document.getElementById("demo").innerHTML = "now process is "" +i+ """;
 }
 }
 //]]
 /script
input type="button" onclick="fstatus()" value="test status"/
input type="button" onclick="finnerHtml()" value="test innerHTML"/
div id="demo"/div
In the above example,one have a loop and display it real time use innerHTML property, another is use window.status.

However, the window.status in real time that perfect display the loop digit, but the innerHTML property is not.
Just display result digit: now process is "999".

And how to using innerHTML display real time data? can but use window.setTimeout, or window.setInterval method, like this:

 var cnt=0;
 function finnerHtml() {
 if (cnt++=1000) return;
 document.getElementById("demo").innerText = "now process is "" +cnt+ """;
 window.setTimeout(finnerHtml,10)
 }

But, it's no convenient. the display speed is not well, and we must control something.
e.g.
setTimeout variables, when it completely.

So, I propose winodw.status to replace innerHTML property when display in real time. 
展开更多 50%)
分享

猜你喜欢

Javascript miscellanea -display data real time, using window.status

Web开发
Javascript miscellanea -display data real time, using window.status

Display data From database into 2 Column

ASP
Display data From database into 2 Column

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Add data to the Access database using ADO

编程语言 网络编程
Add data to the Access database using ADO

javascript对象之window对象

Web开发
javascript对象之window对象

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

JavaScript中的Window窗口对象

Web开发
JavaScript中的Window窗口对象

JavaScript的document和window对象详解

Web开发
JavaScript的document和window对象详解

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

解析iOS开发中的FirstResponder第一响应对象

解析iOS开发中的FirstResponder第一响应对象

Prototype使用指南之enumerable.js

Prototype使用指南之enumerable.js
下拉加载更多内容 ↓