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 相关文章推荐
一个判断email合法性的函数[非正则]
Dec 09 Javascript
JavaScript EasyPager 分页函数
May 25 Javascript
javascript设计模式之解释器模式详解
Jun 05 Javascript
js实现人才网站职位选择功能的方法
Aug 14 Javascript
AngularJS入门教程引导程序
Aug 18 Javascript
js改变透明度实现轮播图的算法
Aug 24 Javascript
vue中各组件之间传递数据的方法示例
Jul 27 Javascript
值得收藏的vuejs安装教程
Nov 21 Javascript
修改layui的后台模板的左侧导航栏可以伸缩的方法
Sep 10 Javascript
vue+layui实现select动态加载后台数据的例子
Sep 20 Javascript
微信小程序 生成携带参数的二维码
Oct 23 Javascript
Vue表单提交点击事件只允许点击一次的实例
Oct 23 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
十天学会php之第二天
2006/10/09 PHP
PHP中怎样防止SQL注入分析
2014/10/23 PHP
php从memcache读取数据再批量写入mysql的方法
2014/12/29 PHP
Yii2中cookie用法示例分析
2016/07/18 PHP
javascript new一个对象的实质
2010/01/07 Javascript
ExtJs3.0中Store添加 baseParams 的Bug
2010/03/10 Javascript
javascript跑马灯悬停放大效果实现代码
2012/12/12 Javascript
jQuery获得包含margin的outerWidth和outerHeight的方法
2015/03/25 Javascript
angularJS与bootstrap结合实现动态加载弹出提示内容
2015/10/16 Javascript
基于jQuery倒计时插件实现团购秒杀效果
2016/05/13 Javascript
js获取Html元素的实际宽度高度的方法
2016/05/19 Javascript
Bootstrap Table服务器分页与在线编辑应用总结
2016/08/08 Javascript
深入理解在JS中通过四种设置事件处理程序的方法
2017/03/02 Javascript
JS库 Highlightjs 添加代码行号的实现代码
2017/09/13 Javascript
AngularJS 实现购物车全选反选功能
2017/10/24 Javascript
微信小程序实现的一键复制功能示例
2019/04/24 Javascript
JavaScript实现左右滚动电影画布
2020/02/06 Javascript
python中base64加密解密方法实例分析
2015/05/16 Python
Python3指定路径寻找符合匹配模式文件
2015/05/22 Python
基于Django模板中的数字自增(详解)
2017/09/05 Python
Queue 实现生产者消费者模型(实例讲解)
2017/11/13 Python
关于Python数据结构中字典的心得
2017/12/04 Python
基于Python把网站域名解析成ip地址
2020/05/25 Python
Anaconda+vscode+pytorch环境搭建过程详解
2020/05/25 Python
基于CSS3实现的几个小loading效果
2018/09/27 HTML / CSS
英国手工布艺沙发在线购买:Sofas & Stuff
2018/03/02 全球购物
西班牙香水和化妆品连锁店:Druni
2019/05/05 全球购物
纯净、自信、100%的羊绒服装:360Cashmere
2021/02/20 全球购物
使用索引有什么好处
2016/07/27 面试题
求职信内容考虑哪几点
2013/10/05 职场文书
《槐乡五月》教学反思
2014/04/25 职场文书
英文推荐信格式范文
2014/05/09 职场文书
普通党员四风问题对照检查材料
2014/09/27 职场文书
公司授权委托书
2014/10/17 职场文书
小学生作文写作技巧100例,非常实用!
2019/07/08 职场文书
关于Vue Router的10条高级技巧总结
2021/05/06 Vue.js