要实现这个功能，要用到ajax获取后端数据，和前端js定时器的知识，首先自定义一个ajax获取要显示在html页面上的数据的方法，例如方法getdata,这个方法把获取的返回值，通过js动态的显示到html页面要显示的区域，然后再写一个js定时器来实现实时调用数据，如：<script> //定时器 异步运行 function hello(){ alert(hello); } var t2 = window.setTimeout(hello(),3000); //定时器//window.clearTimeout(t2);//去掉定时器 </script> 把里面的hello方法换成你ajax获取数据的方法名，然后改下定时器里面的方法名和时间，这里设置的是3秒钟执行一次可以设置成你自己要的数据，就实现了你要的页面实时调用数据了。

JavaScript如何处理大量数据?

　将需要大量处理数据的过程分割成很多小段，然后通过JavaScript的计时器来分别执行，就可以防止浏览器假死。先看看怎么开始：function ProcessArray(data,handler,callback){　　ProcessArray()方法支持三个参数：data:需要处理的数据handler:处理每条数据的函数callback:回调函数　　然后定义一些变量：var maxtime = 100;var delay = 20;var queue = data.concat();　　maxtime表示每个处理进程的最大毫秒数。delay表示每个程序块之间的毫秒数。queue是源数据的复制，虽然不是在所有情景下都必要，但是我们是通过传递引用修改的，所以最好还是备份一下。　　然后就可以使用setTimeout()方法来处理了：setTimeout(function(){ var endtime = new Date() + maxtime; do{ hanler(queue.shift()); }while(queue.length>0 && endtime > new Date());　　首先，先计算endtime，这是程序处理的最大时间。do.while 循环用来处理每一个小块的数据，直到循环全部完成或者超时。　　为什么使用do..while循环呢？　　JavaScript支持while和do…while循环。不同之处在于do..while循环回至少执行一次。如果使用while循环，那么当开发者设置一个很小或者很低的endtime值的时候，那么处理就根本不会执行了。　　最后，我们再决定是否需要处理其他的数据，如果需要，那么就再调用一次：if (queue.length > 0) { setTimeout(arguments.callee, delay); } else { if (callback) callback(); } }, delay);}　　这样回调函数会在每一个数据都处理结束的时候执行。我们可以通过ProcessArray()来测试一小组数据：// process an individual data itemfunction Process(dataitem) { console.log(dataitem);}// processing is completefunction Done() { console.log(Done);}// test datavar data = [];for (var i = 0; i < 500; i++) data[i] = i;// process all itemsProcessArray(data, Process, Done);　　这个方法在任何浏览器中都可以执行，不过HTML5提供了更好的办法，Rockux在以后的文章中会提到。