jQuery的 - 动画和时间间隔

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

我想要做的是，如果在为database.php $ xp_percent增大，则＃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);

这将检查每一秒。