具有随时间变化的随机值的 Div答案

【问题标题】：Div with random values that change with time具有随时间变化的随机值的 Div
【发布时间】：2017-02-07 22:26:22
【问题描述】：

我正在尝试在 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 中没有出现任何内容。我尝试用一些文本更改“Math.random()”，但没有任何变化。

谁能解释一下为什么？

【问题讨论】：

显然没有人打电话给rand()
setInterval() 的时间参数也应该是毫秒，而不是秒。 5 秒的延迟意味着您将通过 5000。
a <div> 没有 onload 事件
如果你真的想在#people中显示一个随机数，$("#people").load("load.html")有什么意义？
Pointy & charlietfl 我想，我对 HTML 不太了解，也没有读过任何这样说的东西。但是现在我知道了，谢谢，Turnip 这是我发现有些人使用另一个文件来刷新的一种方式（这是我的最终目标，但我想一步一步来，我很着急，没有t 更改了我的代码）并且目前，我知道 setInterval 以毫秒为单位，但我想尝试是否可以“实时”创建一些东西

标签： javascript jquery html

【解决方案1】：

您不需要onload 事件。只需 setInterval() 带有一个可以在 div 中设置新值的函数：

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

&lt;div id="people"&gt;&lt;/div&gt;

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

【讨论】：