Question

我试图在HTML页面中创建一个div并在其中写入随机值，然后，我希望div每隔X秒刷新一次，以便其中的数字改变，但整个页面不是重新加载，只是div。

我的想法是：

<body>
 <div id="people" onload="rand();"> </div>

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

   <script>
     function autoRefresh_div()
     {
      $("#people").load("load.html");// a function which will load data from other file after x seconds
     }

     setInterval('autoRefresh_div()', 0.5); // refresh div after 5 secs

    function rand(){
     document.getElementById("people").innerHTML = Math.random();
}

  </script>
</body>
</html>

但我的div中没有任何内容。我试图改变＆＃34; Math.random（）＆＃34;有一些文字，但没有改变。

有人能解释我为什么吗？

Answer 1

您不需要onload个活动。只需setInterval()，其功能将在div中设置一个新值：

function autoRefreshDiv() {
  document.getElementById("people").innerHTML = Math.random();
}
setInterval(autoRefreshDiv, 1000);  // Time is set in milliseconds

<div id="people"></div>

setInterval将每隔X毫秒运行一次该函数。

Div随机值随时间变化

1 个答案: