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


Posted in Javascript onJanuary 09, 2007

<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. 

Javascript 相关文章推荐
JavaScript中的操作符==与===介绍
Dec 31 Javascript
JS控制弹出新页面窗口位置和大小的方法
Mar 02 Javascript
JS实现超简单的鼠标拖动效果
Nov 02 Javascript
用canvas 实现个图片三角化(LOW POLY)效果
Feb 18 Javascript
快速掌握Node.js中setTimeout和setInterval的使用方法
Mar 21 Javascript
vue.js入门教程之基础语法小结
Sep 01 Javascript
JavaScript中push(),join() 函数 实例详解
Sep 06 Javascript
js关于getImageData跨域问题的解决方法
Oct 14 Javascript
js print打印网页指定区域内容的简单实例
Nov 01 Javascript
Vue下滚动到页面底部无限加载数据的示例代码
Apr 22 Javascript
微信小游戏之使用three.js 绘制一个旋转的三角形
Jun 10 Javascript
JavaScript定时器常见用法实例分析
Nov 15 Javascript
Javascript - HTML的request类
Jan 09 #Javascript
贴一个在Mozilla中常用的Javascript代码
Jan 09 #Javascript
Javascript-Mozilla和IE中的一个函数直接量的问题
Jan 09 #Javascript
Javascript调试工具(下载)
Jan 09 #Javascript
如何在Mozilla Gecko 用Javascript加载XSL
Jan 09 #Javascript
如何让动态插入的javascript脚本代码跑起来。
Jan 09 #Javascript
JS效率个人经验谈(8-15更新),加入range技巧
Jan 09 #Javascript
You might like
DC动画很好看?新作烂得令人发指,名叫《红色之子》
2020/04/09 欧美动漫
德生1994机评
2021/03/02 无线电
关于javascript中的parseInt使用技巧
2009/09/03 Javascript
利用location.hash实现跨域iframe自适应
2010/05/04 Javascript
详解强大的jQuery选择器之基本选择器、层次选择器
2012/02/07 Javascript
jQuery设置和获取HTML、文本和值示例
2014/07/08 Javascript
分享两段简单的JS代码防止SQL注入
2016/04/12 Javascript
easyui datagrid 大数据加载效率慢,优化解决方法(推荐)
2016/11/09 Javascript
JSON字符串和JSON对象相互转化实例详解
2017/01/05 Javascript
微信小程序 支付功能开发错误总结
2017/02/21 Javascript
NodeJs模拟登陆正方教务
2017/04/28 NodeJs
BootStrap 导航条实例代码
2017/05/18 Javascript
jQuery上传插件webupload使用方法
2017/08/01 jQuery
Vue页面骨架屏注入方法
2018/05/13 Javascript
[01:32:50]DOTA2-DPC中国联赛 正赛 DLG vs XG BO3 第一场 1月25日
2021/03/11 DOTA
在Python下利用OpenCV来旋转图像的教程
2015/04/16 Python
Python遍历目录并批量更换文件名和目录名的方法
2016/09/19 Python
Python实现读取文件最后n行的方法
2017/02/23 Python
numpy.std() 计算矩阵标准差的方法
2018/07/11 Python
Python将字符串常量转化为变量方法总结
2019/03/17 Python
python实现在一个画布上画多个子图
2020/01/19 Python
Python日期格式和字符串格式相互转换的方法
2020/02/18 Python
python进行二次方程式计算的实例讲解
2020/12/06 Python
北卡罗来纳州豪华家具和家居装饰店:Carolina Rustica
2018/10/30 全球购物
几个数据库方面的面试题
2016/07/01 面试题
提高EJB性能都有哪些技巧
2012/03/25 面试题
军训感想500字
2014/02/20 职场文书
《广玉兰》教学反思
2014/04/14 职场文书
感恩祖国演讲稿
2014/09/09 职场文书
单位委托书怎么写
2014/09/21 职场文书
《爱的教育》读书心得
2014/11/08 职场文书
2015年物业公司保洁工作总结
2015/10/22 职场文书
各类场合主持词开场白范文集锦
2019/08/16 职场文书
浅谈PostgreSQL表分区的三种方式
2021/06/29 PostgreSQL
Python Numpy库的超详细教程
2022/04/06 Python
选购到合适的激光打印机
2022/04/21 数码科技