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 相关文章推荐
漂亮的仿flash菜单,来自蓝色经典
Jun 26 Javascript
Egret引擎开发指南之创建项目
Sep 03 Javascript
ECMAScript 6即将带给我们新的数组操作方法前瞻
Jan 06 Javascript
解决bootstrap中modal遇到Esc键无法关闭页面
Mar 09 Javascript
javascript事件处理模型实例说明
May 31 Javascript
JS实现点击表头表格自动排序(含数字、字符串、日期)
Jan 22 Javascript
详解Angular 4.x NgTemplateOutlet
May 24 Javascript
js实现敏感词过滤算法及实现逻辑
Jul 24 Javascript
JS实现用特殊符号替换字符串的中间部分区域的实例代码
Jul 24 Javascript
vuex存储token示例
Nov 11 Javascript
vue 中的动态传参和query传参操作
Nov 09 Javascript
Vue中强制组件重新渲染的正确方法
Jan 03 Vue.js
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
PHPWind与Discuz截取字符函数substrs与cutstr性能比较
2011/12/05 PHP
php实现cc攻击防御和防止快速刷新页面示例
2014/02/13 PHP
php生成随机颜色方法汇总
2014/12/03 PHP
php实现压缩合并js的方法【附demo源码下载】
2016/09/22 PHP
PHP面向对象程序设计组合模式与装饰模式详解
2016/12/02 PHP
jQuery-serialize()输出序列化form表单值的方法
2012/12/26 Javascript
js动态添加事件并可传参数示例代码
2013/10/21 Javascript
DOM 事件流详解
2015/01/20 Javascript
js实现首屏延迟加载实现方法 js实现多屏单张图片延迟加载效果
2017/07/17 Javascript
关于JavaScript语句后面的分号问题
2017/12/07 Javascript
JS 数组随机洗牌的实例代码
2018/09/12 Javascript
微信小程序在线客服自动回复功能(基于node)
2019/07/03 Javascript
JointJS JavaScript流程图绘制框架解析
2019/08/15 Javascript
Javascript节流函数throttle和防抖函数debounce
2020/12/03 Javascript
Python字典操作简明总结
2015/04/13 Python
Python实现的堆排序算法原理与用法实例分析
2017/11/22 Python
Python编程快速上手——疯狂填词程序实现方法分析
2020/02/29 Python
详解python中groupby函数通俗易懂
2020/05/14 Python
Python闭包装饰器使用方法汇总
2020/06/29 Python
HTML5仿手机微信聊天界面
2016/03/18 HTML / CSS
建筑自我鉴定
2013/10/19 职场文书
通信工程毕业生求职信
2013/11/16 职场文书
电脑教师的教学自我评价
2013/11/26 职场文书
工作决心书
2014/03/11 职场文书
国贸专业的职业规划书
2014/03/15 职场文书
小学生评语集锦
2014/04/18 职场文书
留学经费担保书
2014/05/12 职场文书
计算机系统管理员求职信
2014/06/20 职场文书
法制宣传标语集锦
2014/06/25 职场文书
煤矿安全知识竞赛活动总结
2014/07/07 职场文书
小学一年级学生评语大全
2014/12/25 职场文书
高三毕业评语
2014/12/31 职场文书
导游词之日月潭
2019/11/05 职场文书
某某幼儿园的教育教学管理调研分析报告
2019/11/29 职场文书
如何用RabbitMQ和Swoole实现一个异步任务系统
2021/05/29 PHP
Windows Server 2016服务器用户管理及远程授权图文教程
2022/08/14 Servers