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 相关文章推荐
utf8的编码算法 转载
Dec 27 Javascript
javascript写的日历类(基于pj)
Dec 28 Javascript
jQuery中$.fn的用法示例介绍
Nov 05 Javascript
js中document.write的那点事
Dec 12 Javascript
AngularJs实现聊天列表实时刷新功能
Jun 15 Javascript
node文件批量重命名的方法示例
Oct 23 Javascript
Vue打包后出现一些map文件的解决方法
Feb 13 Javascript
javaScript强制保留两位小数的输入数校验和小数保留问题
May 09 Javascript
vue富文本框(插入文本、图片、视频)的使用及问题小结
Aug 17 Javascript
webpack@v4升级踩坑(小结)
Oct 08 Javascript
fastadmin中调用js的方法
May 14 Javascript
js判断浏览器的环境(pc端,移动端,还是微信浏览器)
Dec 24 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
要会喝咖啡也要会知道咖啡豆
2021/03/03 咖啡文化
利用递归把多维数组转为一维数组的函数
2006/10/09 PHP
PHP+FLASH实现上传文件进度条相关文件 下载
2007/07/21 PHP
用PHP与XML联手进行网站编程代码实例
2008/07/10 PHP
php中sprintf与printf函数用法区别解析
2014/02/17 PHP
常见PHP数据库解决方案分析介绍
2015/09/24 PHP
PHP的Yii框架中移除组件所绑定的行为的方法
2016/03/18 PHP
关于juqery radio写法的兼容性问题(新老版本jquery)
2010/06/14 Javascript
JS 模态对话框和非模态对话框操作技巧汇总
2013/04/15 Javascript
Jquery插件实现点击获取验证码后60秒内禁止重新获取
2015/03/13 Javascript
AngularJS 入门教程之HTML DOM实例详解
2016/07/28 Javascript
14 个折磨人的 JavaScript 面试题
2016/08/08 Javascript
js注入 黑客之路必备!
2016/09/14 Javascript
Input文本框随着输入内容多少自动延伸的实现
2017/02/15 Javascript
angularJS模态框$modal实例代码
2017/05/27 Javascript
带你快速理解javascript中的事件模型
2017/08/14 Javascript
vue单页面实现当前页面刷新或跳转时提示保存
2018/11/02 Javascript
VUE路由动态加载实例代码讲解
2019/08/26 Javascript
vue改变循环遍历后的数据实例
2019/11/07 Javascript
解决vue项目中出现Invalid Host header的问题
2020/11/17 Javascript
如何在vue-cli中使用css-loader实现css module
2021/01/07 Vue.js
Python实现简单的可逆加密程序实例
2015/03/05 Python
在Python中操作列表之list.extend()方法的使用
2015/05/20 Python
详解Python中最难理解的点-装饰器
2017/04/03 Python
详解Python3 pandas.merge用法
2019/09/05 Python
Pytorch 数据加载与数据预处理方式
2019/12/31 Python
存储过程和函数的区别
2013/05/28 面试题
幼儿园优秀教师事迹
2014/02/13 职场文书
学生旷课检讨书500字
2014/10/28 职场文书
公司介绍信范文
2015/01/31 职场文书
通知书大全
2015/04/27 职场文书
音乐课外活动总结
2015/05/09 职场文书
检察院起诉意见书
2015/05/20 职场文书
毕业答辩开场白范文
2015/05/27 职场文书
敬业奉献模范事迹材料(2016精选版)
2016/02/26 职场文书
Vue如何实现组件间通信
2021/05/15 Vue.js