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技术-屏蔽类
Aug 15 Javascript
jQuery1.5.1 animate方法源码阅读
Apr 05 Javascript
Jquery 监视按键,按下回车键触发某方法的实现代码
May 11 Javascript
js省市县三级联动效果实例
Apr 15 Javascript
js对象浅拷贝和深拷贝详解
Sep 05 Javascript
javascript之with的使用(阿里云、淘宝使用代码分析)
Oct 11 Javascript
使用yeoman构建angular应用的方法
Aug 14 Javascript
代码详解Vuejs响应式原理
Dec 20 Javascript
解决layui数据表格Date日期格式的回显Object的问题
Sep 19 Javascript
vue 组件开发原理与实现方法详解
Nov 29 Javascript
Vue 技巧之控制父类的 slot
Feb 24 Javascript
vue项目中使用bpmn-自定义platter的示例代码
May 11 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冒泡排序算法代码详细解读
2011/07/17 PHP
php读取der格式证书乱码解决方法
2015/06/22 PHP
Zend Framework教程之配置文件application.ini解析
2016/03/10 PHP
PHP中new static()与new self()的比较
2016/08/19 PHP
Thinkphp5框架ajax接口实现方法分析
2019/08/28 PHP
JavaScript 页面坐标相关知识整理
2010/01/09 Javascript
动态载入/删除/更新外部 JavaScript/Css 文件的代码
2010/07/03 Javascript
javascript模拟的Ping效果代码 (Web Ping)
2011/03/13 Javascript
Function.prototype.bind用法示例
2013/09/16 Javascript
JQuery异步加载无限下拉框级联功能实现示例
2014/02/19 Javascript
单击某一段文字改写文本颜色
2014/06/06 Javascript
JavaScript中使用Math.PI圆周率属性的方法
2015/06/14 Javascript
jquery实现表格隔行换色效果
2015/11/19 Javascript
多个js毫秒倒计时同时进行效果
2016/01/05 Javascript
jquery div模态窗口的简单实例
2016/05/28 Javascript
微信小程序中hidden不生效原因的解决办法
2017/04/26 Javascript
页面缩放兼容性处理方法(zoom,Firefox火狐浏览器)
2017/08/29 Javascript
vue+elementUi图片上传组件使用详解
2019/08/20 Javascript
countUp.js实现数字动态变化效果
2019/10/17 Javascript
Angular利用HTTP POST下载流文件的步骤记录
2020/07/26 Javascript
[15:57]教你分分钟做大人:斧王
2014/10/30 DOTA
Python ZipFile模块详解
2013/11/01 Python
利用python求相邻数的方法示例
2017/08/18 Python
HTML的form表单和django的form表单
2019/07/25 Python
python等差数列求和公式前 100 项的和实例
2020/02/25 Python
html5教程调用绘图api画简单的圆形代码分享
2013/12/04 HTML / CSS
HTML5本地存储之Web Storage详解
2016/07/04 HTML / CSS
Furla官网:意大利著名的皮革品牌
2019/08/06 全球购物
社区中秋节活动方案
2014/01/29 职场文书
党风廉政承诺书
2014/03/27 职场文书
乔布斯斯坦福大学演讲稿
2014/05/23 职场文书
化学专业大学生职业生涯规划范文
2014/09/13 职场文书
“四风”查摆问题自我剖析材料
2014/09/27 职场文书
《蚂蚁和蝈蝈》教学反思
2016/02/22 职场文书
读完《骆驼祥子》的观后感!
2019/07/05 职场文书
选择比努力更重要?这是长期以来对“努力”的最大误解
2019/07/12 职场文书