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 写类方式之五
Jul 05 Javascript
模仿JQuery.extend函数扩展自己对象的js代码
Dec 09 Javascript
jquery复选框checkbox实现删除前判断
Apr 20 Javascript
jquery判断浏览器后退时候弹出消息的方法
Aug 11 Javascript
js阻止事件追加的具体实现
Oct 15 Javascript
jQuery实现首页图片淡入淡出效果的方法
Jun 10 Javascript
jQuery图片切换动画效果
Feb 28 Javascript
bootstrap suggest搜索建议插件使用详解
Mar 25 Javascript
基于JavaScript实现的快速排序算法分析
Apr 14 Javascript
Easyui在treegrid添加控件的实现方法
Jun 23 Javascript
Vue应用部署到服务器的正确方式
Jul 15 Javascript
jQuery实现合并表格单元格中相同行操作示例
Jan 28 jQuery
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捕获Fatal error错误的方法
2014/06/11 PHP
WampServer搭建php环境时遇到的问题汇总
2015/07/23 PHP
PHP模板引擎Smarty内建函数section,sectionelse用法详解
2016/04/11 PHP
laravel5.4利用163邮箱发送邮件的步骤详解
2017/09/22 PHP
用Greasemonkey 脚本收藏网站会员信息到本地
2009/10/26 Javascript
JavaScript 盒模型 尺寸深入理解
2012/12/31 Javascript
javascript中的变量作用域以及变量提升详细介绍
2013/10/24 Javascript
JavaScript实现为指定对象添加多个事件处理程序的方法
2015/04/17 Javascript
Sublime Text 3常用插件及安装方法
2015/12/16 Javascript
jQuery Ajax 全局调用封装实例代码详解
2016/06/02 Javascript
AngularJS实践之使用NgModelController进行数据绑定
2016/10/08 Javascript
node.js版本管理工具n无效的原理和解决方法
2016/11/24 Javascript
微信小程序如何获知用户运行小程序的场景教程
2017/05/17 Javascript
解决ie img标签内存泄漏的问题
2017/10/13 Javascript
jQuery实现参数自定义的文字跑马灯效果
2018/08/15 jQuery
使用weixin-java-miniapp配置进行单个小程序的配置详解
2019/03/29 Javascript
vue循环数组改变点击文字的颜色
2019/10/14 Javascript
JS异步宏队列与微队列原理区别详解
2020/07/02 Javascript
浅谈JavaScript窗体Window.ShowModalDialog使用
2020/07/22 Javascript
[05:22]DOTA2 2015国际邀请赛中国区预选赛首日TOP10
2015/05/26 DOTA
Python中for循环详解
2014/01/17 Python
python中获得当前目录和上级目录的实现方法
2017/10/12 Python
浅谈Django中view对数据库的调用方法
2019/07/18 Python
python实现从wind导入数据
2019/12/03 Python
python下载卫星云图合成gif的方法示例
2020/02/18 Python
python推导式的使用方法实例
2021/02/28 Python
美国羽绒床上用品第一品牌:Pacific Coast
2018/08/25 全球购物
英国川宁茶官方网站:Twinings茶
2019/05/21 全球购物
Nordgreen台湾官网:极简北欧设计手表
2019/08/21 全球购物
使用useBean标志初始化BEAN时如何接受初始化参数
2012/02/11 面试题
义和团口号
2014/06/17 职场文书
银行求职自荐信范文
2015/03/04 职场文书
2016新年年会主持词
2015/07/06 职场文书
2016教师节感恩话语
2015/12/09 职场文书
小学体育跳绳课教学反思
2016/02/16 职场文书
Python中相见恨晚的技巧
2021/04/13 Python