jQuery - Animate＆amp;时间间隔

Question

<script>
 $(document).ready(function() {

 $.get("database.php", function(data){
  var xp = data + "%";
  $('#exp_bg').animate({
   width: xp
  }, 1500, function() { });
 });

});
</script>

database.php中：

<?php
 $xp = 50;
 $level = 100;

 $xp_percent = $xp * 100 / $level;
 echo $xp_percent;
?>

我正在尝试做的是，如果$ .pp_percent在database.php中增加，那么#exp_bg的宽度将动画到所需的宽度而不刷新。

我尝试用时间间隔来做这件事，时间间隔从每个时间间隔的database.php获取数据，但我没有这样做。

有人可以帮我吗？

Answer 1

您可能需要将它放在setTimeout函数中，如下所示：

var refreshId = setInterval(function() { 

$.get("database.php", function(data){
  var xp = data + "%";
  $('#exp_bg').animate({
   width: xp
  }, 1500, function() { });
 });


}, 1000);

这会检查每一秒。