Discussion :

[josse34]

Bonjour!
J'ai actuellement la fonction suivante qui me permet de rafraîchir automatiquement la page en cours si "#autoreload" est placé dans l'adresse :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<script language="javascript" type="text/javascript">
var reloading;
 
function checkReloading() {
    if (window.location.hash=="#autoreload") {
        reloading=setTimeout("window.location.reload();", 300000);
        document.getElementById("reloadCB").checked=true;
    }
}
 
function toggleAutoRefresh(cb) {
    if (cb.checked) {
        window.location.replace("#autoreload");
        reloading=setTimeout("window.location.reload();", 300000);
    } else {
        window.location.replace("#");
        clearTimeout(reloading);
    }
}
 
window.onload=checkReloading;    
</script>

Je souhaiterais afficher au visiteur un décompte du temps qu'il reste (heure, minutes, secondes) avant réactualisation, est il possible de se prendre sur cette fonction ou l’exécution n'est pas la même (serveur/client)?
Merci!

[NoSmoking]

Bonjour,

...est il possible de se prendre sur cette fonction ou l’exécution n'est pas la même (serveur/client)?

en clair cela donne quoi comme question

[Watilin]

Bonsoir,

évite les chaînes dans setTimeout, passe plutôt par une fonction anonyme :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

reloading=setTimeout(function(){ window.location.reload(); }, 300000);

Edit: je crois avoir compris la question. Un setTimeout se fait côté client, le serveur n'est pas impliqué. Pour indiquer à l'utilisateur le temps restant avant le prochain rechargement, on peut lancer un second timer au même moment que le timer reloading. Ce second timer gèrera une fonction qui met à jour une horloge affichée sur la page.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var $horloge = document.createElement("p");
document.body.appendChild($horloge);
 
var tempsRestant = 300000; // le même temps que pour reloading
                           // comme ce nombre apparaît plusieurs fois,
                           // il est sage d'utiliser à la place une variable
                           // déclarée une seule fois au début du code
 
setInterval(function( ){
   tempsRestant -= 1000;
   var minutes = Math.floor(tempsRestant / 60000);
   var secondes = Math.floor(tempsRestant / 1000) % 60;
   if (secondes < 10) secondes = "0" + secondes;
   $horloge.textContent = minutes + ":" + secondes;
}, 1000);

Normalement on n'a pas besoin de gérer l'arrêt de ce timer car ça correspond au rechargement de la page. Mais il peut arriver qu'on voie un temps négatif pendant le rechargement. À toi de voir si c'est gênant ou pas.

[josse34]

Salut et merci!
Je n'étais vraiment pas clair apparemment !
Le code précédemment annoncé recharge la page automatiquement toutes les 5 minutes (en réalité à +-30 secondes de précision !!!) et désolé Watilin, je ne manipule pas bien JS et ne parviens pas à le faire fonctionner avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

reloading=setTimeout(function(){ window.location.reload(); }, 300000);

Ce décompte étant "caché", je souhaite simplement l'afficher au visiteur et de préference en se prenant sur le même timer afin d'éviter toute imprécision (0 c'est 0!)
De plus Watilin, je n'arrive pas à faire fonctionner ton timer avec le précédent script

Merci

[SpaceFrog]

ça ne s'appellerait pas un "compte à rebours" ??

enfin si je devais chercher sur le forum c'est ce terme que j'utiliserais ...