Javascript miscellanea -display data real time, using window.status_典型特效

<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. 

时间: 2024-09-26 18:45:11

Javascript miscellanea -display data real time, using window.status_典型特效的相关文章

用javascript实现页面打印的三种方法_典型特效

前一段时间听朋友说起过打印网页的一些方法,在安静的夜晚,听着歌曲无意间发现了几段代码,帖出来跟大家分享一下. 因为我从来没有打印过网页,而且也没有打印机,具体的效果也不是很清楚,测试打印成PDF是正常的,就第二种在弹出设置窗口比第一跟第三种方法多了点. 注意:第二种方法的控件需要IE5.5+的支持,而且因为使用了控件,如果客户端IE的安全性设置过高,将无法正常运行.  特别提示  运行本例代码,如果已经安装了打印机,将直接调用打印机打印页面,否则提示安装打印机. 1.用window对象的prin

javascript实现漂亮的拖动层,窗口拖拽特效_javascript技巧

javascript实现漂亮的拖动层,窗口拖拽特效 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta

JavaScript FAQ(八)——窗口(Window)

 六.窗口   1. 打开一个窗口(Opening a window) Q:我如何打开一个新的浏览器窗口? A:可以使用window.open()方法,打开一个新浏览器窗口.例如,下面的代码就在一个新窗口中显示当前页.   myRef = window.open(''+self.location,'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); window.open()方法的一般语法如下: winRef

Display data From database into 2 Column

<%Conn_String = "DRIVER={Microsoft Access Driver (*.mdb)};DBQ=" & Server.MapPath("link.mdb")Set Conn=Server.CreateObject("ADODB.Connection")Conn.Open Conn_Stringsql = "select * from cat order by ID"set rs = C

javascript之dhDataGrid Ver2.0.0代码_表单特效

针对dhDataGrid的前一版本Ver1.0.0而做的更新! 1.标题栏.左边边栏固定方式更新,取消expression方式: 2.排序方式更新,同时支持数字.字符.日期.数字字符混合.中文汉字的排序: 3.支持换肤,您可以自己定制该控件样式: 4.预留[双击].[右键]功能: 5.支持IE.FF: CSS: /*dhdatagrid 大块样式*/ #dhdatagrid {position:relative;width:500px;height:200px;background:white;

javascript跑马灯悬停放大效果实现代码_文字特效

用过qq空间的朋友应该对这个很熟悉吧,效果蛮炫的,不过它们是用flash实现的,那么javascript可不可以呢,我琢磨了三天,终于弄的差不多了,不过还是有些地方不完善,还望大家多多谅解,我会在以后将其完善的. 先说下思路: 首先动态创建一个html结构 复制代码 代码如下: <div style="overflow-x:hidden;"> <table border="0" cellspacing="0" cellpaddi

javascript Select标记中options操作方法集合_表单特效

javascript操作Select标记中options集合 先来看看options集合的这几个方法: options.add(option)方法向集合里添加一项option对象: options.remove(index)方法移除options集合中的指定项: options(index)或options.item(index)可以通过索引获取options集合的指定项: javascript代码如下: var selectTag = null; //select标记 var OPTONLEN

JavaScript动态调整TextArea高度的代码_表单特效

核心代码: 复制代码 代码如下: <script language="javascript" type="text/javascript"> function adjustObjHeight(obj, defaultHeight) { if(obj.scrollHeight > defaultHeight) { obj.style.height = obj.scrollHeight + 'px'; } else { obj.style.height

window.open()弹出居中的窗口_典型特效

Javascript代码 function openwindow(url,name,iWidth,iHeight) {  var url;                                 //转向网页的地址;  var name;                           //网页名称,可为空;  var iWidth;                          //弹出窗口的宽度;  var iHeight;                        //