javascript - jQuery.html 的 setInterval 只更新一次？

Question

<?php
  echo '
    <script type="text/javascript">
      $(function() {
        var refresh = setInterval(function() {
          $("#content").html("'.rand().'");
        }, 3000);
      });
    </script>

    <div id="content"></div>
  ';
?>

这将在 3 秒后用随机数更新 div“内容”，但它只更新一次。为什么它不会每三秒连续生成一个新数字，我怎样才能让它准确地做到这一点？

提前感谢您提供的任何帮助。

Answer 1

哈。 PHP 运行在 SERVER 端。 JS在客户端。

您需要在 JS 端而不是 php 端生成 rand...

js代码:

<script type="text/javascript">
  $(function() {
    var refresh = setInterval(function() {
      var randomnumber = Math.floor(Math.random()*11);
      //where 11 dictates that the random number will fall between 0-10
      $("#content").html(randomnumber);
    }, 3000);
  });
</script>

<div id="content"></div>