Décompte du temps passé sur une page

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

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.

**RomainVALERI** · 01/09/2011, 23h09

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 ?

**SpaceFrog** · 01/09/2011, 23h22

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 :

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
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>