Décompte du temps passé sur une page

Version imprimable

01/09/2011, 21h01
PP(Team)

Décompte du temps passé sur une page

Bonjour,

Je souhaiterais mettre en place une gestion du temps passé sur une page.
Il faudrait que le temps se décompte visuellement.

Par exemple, avoir une "horloge" qui décompte de 1 minute à 0 seconde en clignotant une fois qu'il ne reste plus que 15 secondes (Dans mon cas, vous avez 1 minute pour répondre à une question).

Je ne parviens pas à trouver cela sur le net malheureusement.

Connaitriez-vous des sites/plugins qui fassent cela ?

Cordialement.
01/09/2011, 23h09
RomainVALERI

Pas besoin d'un plugin ou d'une lib pour ça ^^

setTimeout pour mettre en place le compte à rebours, le reste n'est qu'habillage ^^

Tu as un peu de pratique de Javascript ? ou pas du tout ?

Marrant la coïncidence je me suis amusé a faire un petit script de chrono cet aprem ...
Il est resté au boulot, je vous montre ça demain

J'avais d'ailleurs une question à propos du calcul des heures, je n'ai pas compris pourquoi je devais décrémenter de 1 unité ...
On en reparle demain

Bonne nuit
[edit]
Bonjour !

Bon voici le bout de code dont je vous parlais hier soir:
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 25 26 27 28 29 30 31 32 33 34 35 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Nouvelle page 1</title> <script type="text/javascript"> var Time0 function startDecompte(){ Time0 =new Date().getTime();} function Decompte (){ now=new Date().getTime() mslap=now-Time0 lap=new Date(mslap) hours=lap.getHours()-1 mins=lap.getMinutes() secs=lap.getSeconds(); document.getElementById('foo').value= hours.toString().replace(/^(\d{1})$/,"0$1")+" : "+mins.toString().replace(/^(\d{1})$/,"0$1")+" : "+secs.toString().replace(/^(\d{1})$/,"0$1") } function run(){ startDecompte() var running = setInterval(Decompte,1000) } </script> </head> <body onload="run()"> <input id="foo" type="text" value="" /> </body> </html>
là ou je suis surpris c'est sur le :

Code:

hours=lap.getHours()-1

Je n'ai pas encore compris la raison du -1 :(

02/09/2011, 13h44
NoSmoking

Citation:

Envoyé par SpaceFrog

Je n'ai pas encore compris la raison du -1 :(

il faut passer par l'heure universelle et non locale, donc avec utilisation de getUTCHours()

Code:

hours = lap.getUTCHours();
02/09/2011, 13h46
SpaceFrog

AH en effet j'avais zappé ça
:hola: NoS !
03/09/2011, 19h30
PP(Team)

Merci pour vos réponses.

SpaceFrog, pour l'habillage j'ai quelques idées ;) http://web.developpez.com/defi/creat...ation/horloge/