javascript - 使用javascript在div元素中显示随机值

Question

我希望我的 div 元素像计时器一样工作，并以 1 秒的间隔显示随机数。 http://jsfiddle.net/NHAvS/46/ 。这是我的代码:

var arrData = [];
for (i=0;i<1000;i++)
{
      arrData.push({"bandwidth":Math.floor(Math.random() * 100)});
}

var div = document.getElementById('wrapper').innerHTML =arrData;
document.getElementById('wrapper').style.left = '200px';
document.getElementById('wrapper').style.top = '100px';

但问题是它一次只显示 1 条数据。知道如何修复它吗？

谢谢

Answer 1

这样做:

setInterval(myfun,1000);

var div = document.getElementById('wrapper');
function myfun(){
   div.innerHTML ='bandwidth :'+Math.floor(Math.random() * 100);
}

看看:http://jsfiddle.net/techsin/NHAvS/49/

注意:你的例子很困惑，因为在左侧它被设置为加载到 head 中，这意味着每次你的脚本在 dom 之前加载时，你的 div 都将是未定义的。因此将其设置为 onload 会使其工作得更顺利。 :D

注意:您似乎也像 jquery 中那样链接函数，但在 javascript 中您不会这样做。这些函数就是为了做到这一点而设计的。即 div= ..getElementById..innerHtml='balbla'; 将设置 div = bla... 而不是元素。