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陷阱清单
May 31 Javascript
JavaScript 继承详解(三)
Jul 13 Javascript
javascript字符串与数组转换汇总
May 26 Javascript
原生JavaScript实现瀑布流布局
Jun 28 Javascript
js实现不重复导入的方法
Mar 02 Javascript
Angular设置title信息解决SEO方面存在问题
Aug 19 Javascript
javascript中BOM基础知识总结
Feb 14 Javascript
在Vuex使用dispatch和commit来调用mutations的区别详解
Sep 18 Javascript
微信小程序解除10个请求并发限制
Dec 18 Javascript
Node.js从字符串生成文件流的实现方法
Aug 18 Javascript
vue+vuex+axios从后台获取数据存入vuex,组件之间共享数据操作
Jul 31 Javascript
JavaScript严格模式不支持八进制的问题讲解
Nov 07 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绘图技术
2013/07/03 PHP
PHP中$_SERVER的详细参数与说明介绍
2013/10/26 PHP
CodeIgniter错误mysql_connect(): No such file or directory解决方法
2014/09/06 PHP
php的闭包(Closure)匿名函数初探
2016/02/14 PHP
详细对比php中类继承和接口继承
2018/10/11 PHP
贴一个在Mozilla中常用的Javascript代码
2007/01/09 Javascript
Js实现当前点击a标签变色突出显示其他a标签回复原色
2013/11/27 Javascript
JQuery中操作Css样式的方法
2014/02/12 Javascript
利用HTML5的画布Canvas实现刮刮卡效果
2015/09/06 Javascript
一不小心就做错的JS闭包面试题
2015/11/25 Javascript
javascript 解决浏览器不支持的问题
2016/09/24 Javascript
jQuery ajaxForm()的应用
2016/10/14 Javascript
微信小程序-消息提示框实例
2016/11/24 Javascript
Vue入门之数据绑定(小结)
2018/01/08 Javascript
vue实现简单的日历效果
2020/09/24 Javascript
纯js+css实现在线时钟
2020/08/18 Javascript
Python合并多个装饰器小技巧
2015/04/28 Python
基于python3 类的属性、方法、封装、继承实例讲解
2017/09/19 Python
python实现批量修改图片格式和尺寸
2018/06/07 Python
Django 视图层(view)的使用
2018/11/09 Python
Python函数返回不定数量的值方法
2019/01/22 Python
Python利用神经网络解决非线性回归问题实例详解
2019/07/19 Python
Django CSRF认证的几种解决方案
2020/03/03 Python
Pytorch环境搭建与基本语法
2020/06/03 Python
pytorch加载自己的图像数据集实例
2020/07/07 Python
Skyscanner阿联酋:全球领先的旅游搜索平台
2017/11/25 全球购物
电气工程师岗位职责
2014/01/01 职场文书
思想纪律作风整顿剖析材料
2014/10/11 职场文书
2015年小学辅导员工作总结
2015/05/27 职场文书
2015年工商局个人工作总结
2015/07/23 职场文书
导游词之无锡丝业博物馆
2019/11/12 职场文书
MySQL 使用自定义变量进行查询优化
2021/05/14 MySQL
MySQL为数据表建立索引的原则详解
2022/03/03 MySQL
详解Mysql数据库平滑扩容解决高并发和大数据量问题
2022/05/25 MySQL
JS轻量级函数式编程实现XDM二
2022/06/16 Javascript
在虚拟机中安装windows server 2008的图文教程
2022/06/28 Servers