JQuery - Animate и интервал времени

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

Что я пытаюсь сделать, это то, что если $ xp_percent увеличение database.php, то # exp_bg-х ширина будет анимировать в желаемое ширина без обновления.

Я попытался сделать это с временным интервалом, который берет данные из базы данных.php каждый определенный промежуток времени, но я не сделал этого.

Может ли кто-нибудь помочь мне с этим?

Answer 1

Вы, вероятно, придется поставить его внутри функции SetTimeout так:

 
var refreshId = setInterval(function() { 

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


}, 1000);

Это будет проверять каждую секунду.