Avec la librairie prototype.js tu rafraichit un div (espace delimité au préalable dans ta page) ou toute la page toutes les x secondes très simplement sans en fait tout recharger.
Voici un petit extrait de l'une de mes page.
<head>
<script src="../../lib/prototype.js" type="text/javascript"></script> ///////////////////////////////////////////////Pour charger la librairie don je te parle
<script type="" language="javascript"> //////////////////////////////////////////////////////////////Pour dire ce que tu veux periodicalement changer....
new Ajax.PeriodicalUpdater(
'page2', ///////////////////l'endroit ou va etre affiché ce que tu veux updater
'statut2.php', ///////////////ce que tu va mettre a la place
{
frequency: 10 ////////////////Toutes les 10 secondes mais tu peux mettre d'autres nombres.....
}
);
</script>
</head>
<body>
<div id="page2"><?php include 'statut2.php';?></div>
</body>
Pour recharger toute ta page, change le div par ton body (bodyonload)
Tu peux egalement aller voir les demo de scriptaculous.js et ajouter des effets lors des rafraichissement...