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 相关文章推荐
解决 FireFox 下[使用event很麻烦] 的问题.
Aug 22 Javascript
Javascript 的addEventListener()及attachEvent()区别分析
May 21 Javascript
随窗体滑动的小插件sticky源码
Jun 21 Javascript
jquery实现div拖拽宽度示例代码
Jul 31 Javascript
jquery $.each() 使用小探
Aug 23 Javascript
JS实现图片翻书效果示例代码
Sep 09 Javascript
js倒计时小程序
Nov 05 Javascript
JavaScript中实现PHP的打乱数组函数shuffle实例
Oct 11 Javascript
使用js画图之圆、弧、扇形
Jan 12 Javascript
Bootstrap与KnockoutJs相结合实现分页效果实例详解
May 03 Javascript
ichart.js绘制虚线、平均分虚线效果的实现代码
May 05 Javascript
Angular2内置指令NgFor和NgIf详解
Aug 03 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 Pear 安装及使用
2009/03/19 PHP
php获取bing每日壁纸示例分享
2014/02/25 PHP
php实现图片以base64显示的方法
2016/10/13 PHP
如何让您的中波更粗更长 - 中波框形天线制作
2021/03/10 无线电
clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别分析
2010/03/12 Javascript
JS函数实现动态添加CSS样式表文件
2012/12/15 Javascript
使用coffeescript编写node.js项目的方法汇总
2015/08/05 Javascript
js实现简洁大方的二级下拉菜单效果代码
2015/09/01 Javascript
javascript常用经典算法实例详解
2015/11/25 Javascript
Jquery判断form表单数据是否变化
2016/03/30 Javascript
jQuery  ready方法实现原理详解
2016/10/19 Javascript
10分钟掌握XML、JSON及其解析
2020/12/06 Javascript
javascript基础知识讲解
2017/01/11 Javascript
从零开始学习Node.js系列教程之设置HTTP头的方法示例
2017/04/13 Javascript
Vue中如何实现轮播图的示例代码
2017/07/27 Javascript
Vue2.0+ElementUI实现表格翻页的实例
2017/10/23 Javascript
微信小程序实现动态设置页面标题的方法【附源码下载】
2017/11/29 Javascript
python实现读取命令行参数的方法
2015/05/22 Python
运动检测ViBe算法python实现代码
2018/01/09 Python
在Python 中同一个类两个函数间变量的调用方法
2019/01/31 Python
Python docx库用法示例分析
2019/02/16 Python
Python3.4学习笔记之类型判断,异常处理,终止程序操作小结
2019/03/01 Python
python的sorted用法详解
2019/06/25 Python
python爬虫 爬取超清壁纸代码实例
2019/08/16 Python
学python安装的软件总结
2019/10/12 Python
Numpy与Pytorch 矩阵操作方式
2019/12/27 Python
Python实现猜年龄游戏代码实例
2020/03/25 Python
CSS3制作3D立方体loading特效
2020/11/09 HTML / CSS
美国新娘礼品店:The Paisley Box
2020/09/08 全球购物
省三好学生申请材料
2014/01/22 职场文书
会计专业毕业生求职信
2014/07/04 职场文书
小学生推普周国旗下讲话稿
2014/09/21 职场文书
财务稽核岗位职责
2015/04/13 职场文书
2015年反腐倡廉工作总结
2015/05/14 职场文书
python 批量压缩图片的脚本
2021/06/02 Python
PHP实现rar解压读取扩展包小结
2021/06/03 PHP