Vous cherchez un bon compteur JQuery

Question

J'ai un site Web qui a des membres. Je veux créer une fonctionnalité qui est un compteur temps réel (sans chargement de page) du nombre de membres connectés. J'ai l'utilisateur connecté dans une variable, donc je cherche à l'incorporer en utilisant cela. Quelqu'un sait-il un bon plug-in ou un script Jquery pour le faire?

merci à l'avance

Answer 1

Vous avez vraiment pas besoin d'un plug-in tellement, il suffit de créer une page qui ne fait écho le compte ensuite appeler cette page sur un intervalle, par exemple:

function updateCount() { 
    $('#userCount').load('myCounter.php', function() { 
    setTimeout(updateCount, 2000); 
    }); 
} 
$(updateCount); //run on document.ready 

Cela utilise .load() pour récupérer le nombre et le placer dans l'élément #userCount (un <span> ou <div>, quel qu'il soit), attendez 2 secondes et recommencez. Vous souhaitez éviter setInterval() dans ces cas, car l'heure de la requête ajax est inconnue et vous ne souhaitez pas que ceux-ci commencent à se chevaucher. Au lieu de cela, utilisez setTimeout() de sorte qu'il s'exécute à nouveau 2 secondes (ou aussi souvent que vous le souhaitez) après la demande se termine.

Answer 2

Full code

<?php 
$count_my_page = ("hitcounter.txt"); 
$hits = file($count_my_page); 
$hits[0] ++; 
$fp = fopen($count_my_page , "w"); 
fputs($fp , "$hits[0]"); 
fclose($fp); 
$hits[0]; 
?> 
<script type="text/javascript"> 
var intcnt = <?php echo $hits[0];?>; 
//document.write(intcnt); 
var myCounter = new flipCounter('fct', {value:intcnt, inc:123, pace:600, auto:false}); 
</script>