Décompte du temps passé sur une page [Résolu]

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>

là ou je suis surpris c'est sur le :

Code :

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

hours=lap.getHours()-1

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

NoSmoking · 02/09/2011, 13h44

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 :

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

hours = lap.getUTCHours();

SpaceFrog · 02/09/2011, 13h46

AH en effet j'avais zappé ça

NoS !

PP(Team) · 03/09/2011, 19h30

Merci pour vos réponses.

SpaceFrog, pour l'habillage j'ai quelques idées

http://web.developpez.com/defi/creat...ation/horloge/

01/09/2011, 21h01	#1
PP(Team) Membre régulier Inscription : janvier 2007 Messages : 197 Détails du profil Informations forums : Inscription : janvier 2007 Messages : 197 Points : 85 Points : 85	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.
	00

01/09/2011, 23h09	#2
RomainVALERI Expert Confirmé Sénior Romain VALERI POOête Inscription : avril 2008 Messages : 2 573 Détails du profil Informations personnelles : Nom : Romain VALERI Âge : 35 Localisation : France, Meurthe et Moselle (Lorraine) Informations professionnelles : Activité : POOête Informations forums : Inscription : avril 2008 Messages : 2 573 Points : 4 075 Points : 4 075	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 ? __________________ ...pour les linguistes et les curieux >>> générateur de phrases aléatoires __________________
	00

02/09/2011, 13h46	#5
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 040 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 040 Points : 45 141 Points : 45 141	AH en effet j'avais zappé ça NoS ! __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

03/09/2011, 19h30	#6
PP(Team) Membre régulier Inscription : janvier 2007 Messages : 197 Détails du profil Informations forums : Inscription : janvier 2007 Messages : 197 Points : 85 Points : 85	Merci pour vos réponses. SpaceFrog, pour l'habillage j'ai quelques idées http://web.developpez.com/defi/creat...ation/horloge/
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email