使用jQuery.html的setInterval只更新一次?

时间:2011-03-23 22:43:39

标签: javascript jquery setinterval

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

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

这将在3秒后用随机数更新div“内容”,但它只更新一次。为什么它不会每三秒钟连续生成一个新数字,我怎样才能让它完全按照这个数字进行呢?

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

1 个答案:

答案 0 :(得分:5)

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

你需要在JS方面生成rand而不是php方面......

js code:

<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>