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代码
Aug 29 Javascript
jquery中通过父级查找进行定位示例
Jun 28 Javascript
cookie.js 加载顺序问题怎么才有效
Jul 31 Javascript
带左右箭头图片轮播的JS代码
Dec 18 Javascript
Json实现异步请求提交评论无需跳转其他页面
Oct 11 Javascript
Jquery网页内滑动缓冲导航的实现代码
Apr 05 Javascript
jQuery事件绑定用法详解(附bind和live的区别)
Jan 19 Javascript
基于Bootstrap分页的实例讲解(必看篇)
Jul 04 Javascript
详解Angular5路由传值方式及其相关问题
Apr 28 Javascript
javascript和php使用ajax通信传递JSON的实例
Aug 21 Javascript
Vue 实现CLI 3.0 + momentjs + lodash打包时优化
Nov 13 Javascript
js实现头像上传并且可预览提交
Dec 25 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原生函数一定好吗?
2014/12/08 PHP
PHP使用正则表达式获取微博中的话题和对象名
2015/07/18 PHP
Linux系统中为php添加pcntl扩展
2016/08/28 PHP
PHP5.6新增加的可变函数参数用法分析
2017/08/25 PHP
PHP面向对象之里氏替换原则简单示例
2018/04/08 PHP
根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
2007/02/22 Javascript
JavaScript Undefined,Null类型和NaN值区别
2008/10/22 Javascript
js+css在交互上的应用
2010/07/18 Javascript
分享一个我自己写的ToolTip提示插件(附源码)
2013/01/20 Javascript
AngularJS 过滤器(自带和自建)详解
2016/09/19 Javascript
js脚本编写简单刷票投票系统
2017/06/27 Javascript
使用vue2.6实现抖音【时间轮盘】屏保效果附源码
2019/04/24 Javascript
layer.js open 隐藏滚动条的例子
2019/09/05 Javascript
element-ui如何防止重复提交的方法步骤
2019/12/09 Javascript
Python标准库之多进程(multiprocessing包)介绍
2014/11/25 Python
python optparse模块使用实例
2015/04/09 Python
深入解析Python中的WSGI接口
2015/05/11 Python
python snownlp情感分析简易demo(分享)
2017/06/04 Python
Python实现比较扑克牌大小程序代码示例
2017/12/06 Python
nohup后台启动Python脚本,log不刷新的解决方法
2019/01/14 Python
python3使用腾讯企业邮箱发送邮件的实例
2019/06/28 Python
python图片二值化提高识别率代码实例
2019/08/24 Python
Python requests模块安装及使用教程图解
2020/06/30 Python
英国第一豪华护肤品牌:Elemis
2017/10/12 全球购物
法国二手手袋、手表和奢侈珠宝购物网站:Collector Square
2018/07/05 全球购物
夏威夷灵感服装及配饰:Reyn Spooner
2018/09/18 全球购物
NYX Professional Makeup官方网站:专业彩妆和美容产品
2019/10/29 全球购物
英国奢侈品牌时尚购物平台:Farfetch(支持中文)
2020/02/18 全球购物
软件工程师面试题
2012/06/25 面试题
文秘专业自荐信
2013/10/14 职场文书
机关党员三严三实心得体会
2014/10/13 职场文书
2014年纪检部工作总结
2014/11/12 职场文书
2014年度考核工作总结
2014/12/24 职场文书
检讨书格式
2015/05/07 职场文书
2015年中秋寄语
2015/07/31 职场文书
Python办公自动化之教你如何用Python将任意文件转为PDF格式
2021/06/28 Python