jQuery - Animer et Intervalle de temps

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

Ce que je suis en train de faire, est que si xp_percent $ augmente dans database.php, puis la largeur # exp_bg va animer dans souhaitée largeur sans rafraîchissement.

J'ai essayé de le faire avec un intervalle de temps, qui prend des données de database.php à chaque intervalle de temps spécifié, mais j'ai échoué à le faire.

Quelqu'un pourrait-il m'aider avec ça?

Answer 1

Votre va probablement devoir le mettre dans une fonction setTimeout comme ceci:

 
var refreshId = setInterval(function() { 

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


}, 1000);

Ce vérifiait chaque seconde.