Compte à rebours

Version imprimable

16/04/2013, 12h18
leara500

Compte à rebours

Bonjour,

Bonjour,

J'ai développé une application en Struts2 dans laquelle j'ai des jsp et où il y a des interrogation de base de donnée.
Dans mes jsp, j'ai mis des fonctions javascript. Jusque là, pas de soucis. Mon application fonctionne comme elle le devrait.

Là où j'ai un problème, c'est que certains utilisateur reste longtemps sur une même page, sans faire d'interrogation de base de données (ex : interruption par des personnes qui rentre dans leurs bureau et discute avec l'utilisateur, lenteur dans la saisi des informations dans le formulaire par l'utilisateur).
Ce qui fait, que au moment où il valide le formulaire, il se retrouve dans la page de connexion et rien n'est enregistré en base de donnée.

J'ai donc fait en sorte que la durée de vie de ma session correspond à 15 min.

Ce que j'aimerai faire, c'est de mettre un compte à rebours en haut de ma page qui commence à 15min et qui va en arrière.
Et dès que le formulaire est validé, il repart à 15 min...

Et je n'ai pas la moindre idée de comment faire :oops:

Bonjour,

Je t'ai fait un exemple très simple :

Code:

1
2
3
4
5
6
7
8
9
10
 
var counter = 15 * 60;
setInterval(function(){
    var timeString = Math.floor(counter/60) + "min " + (counter%60) + "sec";
    document.getElementById("timecounter").innerText = timeString;
    counter--;    
    if(counter < 0){
        window.location.href = "login.html"; //redirection page de connexion
    }
}, 1000);

http://jsfiddle.net/sACYt/

Merci beaucoup pour votre réponse.

Toutefois, j'aimerai savoir, pour que

Code:

timecounter

apparaissent dans ma page, je dois le mettre quelque part dans ma page et le déclarer.

j'ai fait :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 <script language="JavaScript"> var counter = 15 * 60; setInterval(function(){ var timeString = Math.floor(counter/60) + "min " + (counter%60) + "sec"; document.getElementById("timecounter").innerText = timeString; counter--; if(counter < 0){ window.location.href = "login.html"; //redirection page de connexion } }, 1000); </script> <table align="center" width="97%" cellspacing="0" cellpadding="0" border="0" class="cadb"> <tbody> ICICICI <input type='hidden' id='timecounter' /> <span id="timecounter"></span>
Mais rien n'apparaît u_u

Par contre,

Code:

alert("Compte à rebour : "+timeString);

me renvoie tout à fait ce que je veux ....

16/04/2013, 20h53
leara500
C'est bon, c'est exactement ceux qu'il me fallait ^^

Il fallait juste que je rajoute :
Code:

1 2 document.getElementById('timecounter').style.display = 'block';
Merci beaucoup de votre aide !