Javascript miscellanea -display data real time, using window.status
亚洲最大火车站,朱永博,华南理工大学广州学院教务管理系统
<script type="text/javascript">
//<![cdata[
function fstatus() {
for (var i=0; i<100000; i++) {
window.status = "now process is \"" +i+ "\"";
}
}
function finnerhtml() {
for (var i=0; i<1000; 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.
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!!
点击进行留言回复
相关文章:
-
-
-
关于图片验证码设计的思考
自从读了《网站重构》这本书,现在对网站设计的思想有了根本性的改变。国内越来越多的媒体也极度关注web标准的进展情况,很多门户网站也开始使用符合标准的设计方法重新...
[阅读全文]
-
-
-
广告切换效果(缓动切换)
主要功能: 1,自动检测广告图片个数 生产广告序列 2,缓动切换,仿原版flash 效果 3,自动按照设置周期播放 4,鼠标划入停止自动播放 鼠标移走恢复自动播...
[阅读全文]
-
-
-
-
-
网友评论