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 相关文章推荐
node.js中使用q.js实现api的promise化
Sep 17 Javascript
深入理解JavaScript系列(33):设计模式之策略模式详解
Mar 03 Javascript
javascript实现校验文件上传控件实例
Apr 20 Javascript
AngularJS入门教程之服务(Service)
Jul 27 Javascript
jQuery图片轮播实现并封装(一)
Dec 03 Javascript
利用jQuery.Validate异步验证用户名是否存在(推荐)
Dec 09 Javascript
Bootstrap导航条的使用和理解3
Dec 14 Javascript
对vue里函数的调用顺序介绍
Mar 17 Javascript
微信小程序自定义组件实现环形进度条
Nov 17 Javascript
JS继承定义与使用方法简单示例
Feb 19 Javascript
jQuery 隐藏/显示效果函数用法实例分析
May 20 jQuery
基于Vue全局组件与局部组件的区别说明
Aug 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
Zend Studio (eclipse)使用速度优化方法
2011/03/23 PHP
神盾加密解密教程(一)PHP变量可用字符
2014/05/28 PHP
thinkPHP模板算术运算相关函数用法分析
2016/07/12 PHP
漂亮的thinkphp 跳转页封装示例
2019/10/16 PHP
[全兼容哦]--实用、简洁、炫酷的页面转入效果loing
2007/05/07 Javascript
js 获取Listbox选择的值的代码
2010/04/15 Javascript
关于 文本框默认值 的操作js代码
2012/01/12 Javascript
多个表单中如何获得这个文件上传的网址实现js代码
2013/03/25 Javascript
js实现瀑布流的一种简单方法实例分享
2013/11/04 Javascript
解决Jquery向页面append新元素之后事件的绑定问题
2015/03/16 Javascript
深入学习JavaScript对象
2015/10/13 Javascript
BootstrapValidator超详细教程(推荐)
2016/12/07 Javascript
nodejs学习笔记之路由
2017/03/27 NodeJs
JS失效 提示HTML1114: (UNICODE 字节顺序标记)的代码页 utf-8 覆盖(META 标记)的冲突的代码页 utf-8
2017/06/23 Javascript
parabola.js抛物线与加入购物车效果的示例代码
2017/10/25 Javascript
php使用递归与迭代实现快速排序示例
2014/01/23 Python
零基础写python爬虫之抓取糗事百科代码分享
2014/11/06 Python
Python matplotlib绘图可视化知识点整理(小结)
2018/03/16 Python
一条命令解决mac版本python IDLE不能输入中文问题
2018/05/15 Python
Python实现的建造者模式示例
2018/08/06 Python
在pycharm中使用git版本管理以及同步github的方法
2019/01/16 Python
通过pycharm使用git的步骤(图文详解)
2019/06/13 Python
学习和使用python的13个理由
2019/07/30 Python
python multiprocessing模块用法及原理介绍
2019/08/20 Python
PyCharm刷新项目(文件)目录的实现
2020/02/14 Python
TensorFlow打印输出tensor的值
2020/04/19 Python
财务管理职业生涯规划书
2014/02/26 职场文书
《大自然的语言》教学反思
2014/04/08 职场文书
我爱我的祖国演讲稿
2014/05/04 职场文书
关于运动会的口号
2014/06/07 职场文书
2014迎接教师节演讲稿
2014/09/10 职场文书
2015年度党员自我评价范文
2015/03/03 职场文书
追讨欠款律师函
2015/05/27 职场文书
数据结构课程设计心得体会
2016/01/15 职场文书
SpringBoot+Redis实现布隆过滤器的示例代码
2022/03/17 Java/Android
利用Java连接Hadoop进行编程
2022/06/28 Java/Android