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

這將檢查每一秒。