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 相关文章推荐
TimergliderJS 一个基于jQuery的时间轴插件
Dec 07 Javascript
详解JavaScript的AngularJS框架中的作用域与数据绑定
Mar 04 Javascript
常用Javascript函数与原型功能收藏(必看篇)
Oct 09 Javascript
Node.js+jade+mongodb+mongoose实现爬虫分离入库与生成静态文件的方法
Sep 20 Javascript
mpvue 如何使用腾讯视频插件的方法
Jul 16 Javascript
在axios中使用params传参的时候传入数组的方法
Sep 25 Javascript
JavaScript闭包与作用域链实例分析
Jan 21 Javascript
angular6根据environments配置文件更改开发所需要的环境的方法
Mar 06 Javascript
Vue通过for循环随机生成不同的颜色或随机数的实例
Nov 09 Javascript
微信小程序实现购物车功能
Nov 18 Javascript
vue+springboot实现登录验证码
May 27 Vue.js
vue实现滑动解锁功能
Mar 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
javascript,php获取函数参数对象的代码
2011/02/03 PHP
php将服务端的文件读出来显示在web页面实例
2016/10/31 PHP
PHP使用GD库制作验证码的方法(点击验证码或看不清会刷新验证码)
2017/08/15 PHP
PHP实现的二分查找算法实例分析
2017/12/19 PHP
调试php程序的简单步骤
2019/10/04 PHP
js类中获取外部函数名的方法与代码
2007/09/12 Javascript
js处理自己不能定义二维数组的方法详解
2014/03/03 Javascript
jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签
2016/03/29 Javascript
js省市县三级联动效果实例
2020/04/15 Javascript
jQuery Validate插件自定义验证规则的方法
2016/12/27 Javascript
微信小程序 websocket 实现SpringMVC+Spring+Mybatis
2017/08/04 Javascript
使用jQuery实现页面定时弹出广告效果
2017/08/24 jQuery
HTML5开发Kinect体感游戏的实例应用
2017/09/18 Javascript
解决Vue中mounted钩子函数获取节点高度出错问题
2018/05/18 Javascript
详解Angular Forms中自定义ngModel绑定值的方式
2018/12/10 Javascript
[00:02]DOTA2新版本使用PA至宝后暴击展示
2014/11/19 DOTA
Python re模块介绍
2014/11/30 Python
python3+PyQt5实现柱状图
2018/04/24 Python
Python实现决策树C4.5算法的示例
2018/05/30 Python
Python打包模块wheel的使用方法与将python包发布到PyPI的方法详解
2020/02/12 Python
python GUI库图形界面开发之PyQt5信号与槽的高级使用技巧装饰器信号与槽详细使用方法与实例
2020/03/06 Python
关于Django Models CharField 参数说明
2020/03/31 Python
TensorFlow实现模型断点训练,checkpoint模型载入方式
2020/05/26 Python
如何在VSCode下使用Jupyter的教程详解
2020/07/13 Python
使用pandas实现筛选出指定列值所对应的行
2020/12/13 Python
Python调用系统命令os.system()和os.popen()的实现
2020/12/31 Python
HTML5+CSS3实现拖放(Drag and Drop)示例
2014/07/07 HTML / CSS
财务部岗位职责
2013/11/19 职场文书
先进德育工作者事迹材料
2014/01/24 职场文书
2014年幼儿园元旦活动方案
2014/02/13 职场文书
常务副总经理岗位职责
2014/04/12 职场文书
购房委托书范本
2014/09/18 职场文书
法人授权委托书样本
2014/09/19 职场文书
写作技巧:如何撰写一份优秀的营销策划书
2019/08/13 职场文书
Python基础之Socket通信原理
2021/04/22 Python
笔记本自带的win11如何跳过联网激活?
2022/04/20 数码科技