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 相关文章推荐
Iframe自适应高度绝对好使的代码 兼容IE,遨游,火狐
Jan 27 Javascript
弹出层之1:JQuery.Boxy (一) 使用介绍
Oct 06 Javascript
Js中的onblur和onfocus事件应用介绍
Aug 27 Javascript
JS获取文本框,下拉框,单选框的值的简单实例
Feb 26 Javascript
一款基于jQuery的图片场景标注提示弹窗特效
Jan 05 Javascript
介绍JavaScript的一个微型模版
Jun 24 Javascript
jQuery ajax分页插件实例代码
Jan 27 Javascript
微信小程序 less文件编译成wxss文件实现办法
Dec 05 Javascript
微信小程序实现YDUI的ScrollTab组件
Feb 02 Javascript
jQuery实现的淡入淡出与滑入滑出效果示例
Apr 18 jQuery
详解如何写出一个利于扩展的vue路由配置
May 16 Javascript
JS中多层次排序算法的实现代码
Jan 06 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中iconv函数知识汇总
2015/07/02 PHP
php实现微信支付之企业付款
2018/05/30 PHP
PHP通过get方法获得form表单数据方法总结
2018/09/12 PHP
针对PHP开发安全问题的相关总结
2019/03/22 PHP
JScript的条件编译
2007/05/29 Javascript
学习ExtJS Column布局
2009/10/08 Javascript
JavaScript 常见对象类创建代码与优缺点分析
2009/12/07 Javascript
JQuery操作表格(隔行着色,高亮显示,筛选数据)
2012/02/23 Javascript
jquery必须知道的一些常用特效方法及使用示例(整理)
2013/06/24 Javascript
Javascript改变CSS样式(局部和全局)
2013/12/18 Javascript
js获取checkbox复选框选中的选项实例
2014/08/24 Javascript
JQuery实现防止退格键返回的方法
2015/02/12 Javascript
jQuery中toggle()函数的使用实例
2015/04/17 Javascript
js实现带圆角的多级下拉菜单效果
2015/08/28 Javascript
深入浅析JavaScript面向对象和原型函数
2016/02/06 Javascript
JavaScript html5 canvas绘制时钟效果
2016/03/01 Javascript
使用jQuery.form.js/springmvc框架实现文件上传功能
2016/05/12 Javascript
jQuery中值得注意的trigger方法浅析
2016/12/12 Javascript
JavaScript中为事件指定处理程序的五种方式分析
2018/07/27 Javascript
解决vue-quill-editor上传内容由于图片是base64的导致字符太长的问题
2018/08/20 Javascript
JS将时间秒转换成天小时分钟秒的字符串
2019/07/10 Javascript
Python中的map()函数和reduce()函数的用法
2015/04/27 Python
Python实现的破解字符串找茬游戏算法示例
2017/09/25 Python
Python request设置HTTPS代理代码解析
2018/02/12 Python
Python Series从0开始索引的方法
2018/11/06 Python
基于python实现把图片转换成素描
2019/11/13 Python
Python 实现加密过的PDF文件转WORD格式
2020/02/04 Python
Keras-多输入多输出实例(多任务)
2020/06/22 Python
浅谈OpenCV中的新函数connectedComponentsWithStats用法
2020/07/05 Python
通过Python实现Payload分离免杀过程详解
2020/07/13 Python
Avène雅漾美国官方网站:敏感肌肤护理专家
2016/10/24 全球购物
高中体育教学反思
2014/01/29 职场文书
群众路线个人剖析材料
2014/10/07 职场文书
实施意见格式范本
2015/06/05 职场文书
九年级历史教学反思
2016/02/19 职场文书
Ajax 的初步实现(使用vscode+node.js+express框架)
2021/06/18 Javascript