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 相关文章推荐
FormValid0.5版本发布,带ajax自定义验证例子
Aug 17 Javascript
javascript中的对象创建 实例附注释
Feb 08 Javascript
JavaScript中的排序算法代码
Feb 22 Javascript
node.js中的fs.fstat方法使用说明
Dec 15 Javascript
不使用ajax实现无刷新提交表单
Dec 21 Javascript
AngularJS Module方法详解
Dec 08 Javascript
jQuery实现菜单栏导航效果
Aug 15 jQuery
BootStrap模态框不垂直居中的解决方法
Oct 19 Javascript
JS实现同一DOM元素上onClick事件与onDblClick事件并存的解决方法
Jun 07 Javascript
JavaScript中的 new 命令
May 22 Javascript
json_decode 索引为数字时自动排序问题解决方法
Mar 28 Javascript
node.js如何根据URL返回指定的图片详解
Oct 21 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会话(Session)实现用户登陆功能
2013/06/29 PHP
php实现的美国50个州选择列表实例
2015/04/20 PHP
PHP脚本监控Nginx 502错误并自动重启php-fpm
2015/05/13 PHP
CodeIgniter实现从网站抓取图片并自动下载到文件夹里的方法
2015/06/17 PHP
说说掌握JavaScript语言的思想前提想学习js的朋友可以看看
2009/04/01 Javascript
Jquery作者John Resig自己封装的javascript 常用函数
2009/11/09 Javascript
一个关于jqGrid使用的小例子(行按钮)
2011/11/04 Javascript
详解AngularJS中自定义指令的使用
2015/06/17 Javascript
基于jquery实现省市区三级联动效果
2015/12/25 Javascript
jquery实现简单的banner轮播效果【实例】
2016/03/30 Javascript
jQuery实现大图轮播
2017/02/13 Javascript
vue.js中mint-ui框架的使用方法
2017/05/12 Javascript
详解vue.js数据传递以及数据分发slot
2018/01/20 Javascript
react-navigation之动态修改title的内容
2018/09/26 Javascript
手淘flexible.js框架使用和源代码讲解小结
2018/10/15 Javascript
vue router总结 $router和$route及router与 router与route区别
2019/07/05 Javascript
vuex根据不同的用户权限展示不同的路由列表功能
2019/09/20 Javascript
VUE+node(express)实现前后端分离
2019/10/13 Javascript
python提取页面内url列表的方法
2015/05/25 Python
Python+django实现简单的文件上传
2016/08/17 Python
使用Python和xlwt向Excel文件中写入中文的实例
2018/04/21 Python
python通过zabbix api获取主机
2018/09/17 Python
详解Python是如何实现issubclass的
2019/07/24 Python
详解如何用canvas画一个微笑的表情
2019/03/14 HTML / CSS
HTML5本地存储localStorage、sessionStorage基本用法、遍历操作、异常处理等
2014/05/08 HTML / CSS
美国复古街头服饰精品店:Need Supply Co.
2017/02/22 全球购物
英国女性时尚鞋类的潮流制造者:Koi Footwear
2018/10/19 全球购物
关于VPN
2012/06/10 面试题
护士自我鉴定总结
2014/03/24 职场文书
员工考核评语大全
2014/04/26 职场文书
2014物价局群众路线对照检查材料思想汇报
2014/09/21 职场文书
学校食品安全责任书
2015/01/29 职场文书
优秀班主任工作总结2015
2015/05/25 职场文书
2015中学教师个人工作总结
2015/07/22 职场文书
Apache SeaTunnel实现 非CDC数据抽取
2022/05/20 Servers
MySQL自定义函数及触发器
2022/08/05 MySQL