Permettre la modofication d'une horloge

**cari** · 24/01/2006, 11h55

bonjour, j'aimerai autoriser à un utilisateur la modification de l'heure qui s'affiche dans un champ. J'aimerai que lorsqu'il modifie le champ, sa valeur ne soit pas effacée par l'heure systéme qui a tendance à réapparaitre.
Comment faire?

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
<HTML>
<HEAD>
<SCRIPT LANGUAGE="Javascript">
<!--
function getDt(){
dt=new Date();
hrs=dt.getHours();
min=dt.getMinutes();
sec=dt.getSeconds();
tm=" "+((hrs<10)?"0":"") +hrs+":";
tm+=((min<10)?"0":"")+min+":";
tm+=((sec<10)?"0":"")+sec+" ";
document.horloge.display.value=tm;
setTimeout("getDt()",1000);
}
// -->
</SCRIPT>
</HEAD>
<BODY onLoad="getDt()">
<FORM name="horloge">
<INPUT TYPE="text" NAME="display" SIZE=15 VALUE ="">
</FORM>
</BODY>
</HTML>

**siddh** · 24/01/2006, 11h58

sur le onchange de ton champ, tu devrais mettre un flag qui te permettrais de tester en arrivant dans ta methode si tu doit faire ce que tu fais la ou en plus faire des setHour sur la date en prenant ce qu'il y a dans ton input

**cari** · 24/01/2006, 14h42

ce qui m'embete c'est que l'utilisateur ne peux saisir et s'il le fait, l'heure système réapparait aussi tot. c'est ce que je veux empecher.

**siddh** · 24/01/2006, 14h56

ben deja il a qu'une seconde pour modifier, c est vrai que c est court

sinon sur le onkeydown, tu fais un clear timeout et sur le onchange (validation) tu le relance

**cari** · 24/01/2006, 15h43

j'ai fais:

Code :

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

onclick="clearTimeout(Horloge());"

le compteur s'arrete un moment, puis cela continue et effece mes modifications

**SpaceFrog** · 24/01/2006, 16h42

deux pistes :

Code :

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

1
2
3
4
 
var horloge=setTimeout("getDt()",1000); 
 
clearTimeout(horloge)

voire a declarer horloge en global si le clearTimeout n'est pas dans la même focntion

ou alors
avec un setInterval ... au lieu du setTimeout dans le fonction ...
j'ai jamais trop aimé faire un appel à la focntion au sein même de la fonction

**cari** · 24/01/2006, 16h52

j'ai plutot écrit :

Code :

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

1
2
3
4
function vide_champ() 
{clearTimeout(Horloge());
document.getElementById("heurdeb").value = "";
}

le champ se vide juste pour 2 ou 3 secondes et l'heure réapparait, ne peut on pas arreter l'horloge?

**SpaceFrog** · 24/01/2006, 16h55

désolé d'être intervenu je ne recommencerais pas ...

**cari** · 24/01/2006, 16h55

avec setInterval , pas d'amélioration.

**SpaceFrog** · 24/01/2006, 16h58

un exemple valant mieux que de longs palabres sur un code que l'on n'a pas vu dans son intégralité ...
voici un péché de jeunesse :

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>Count down</title>
<script type="text/javascript"> 
//Script By SpaceFrog 2004
var tps = 0 ; 
var h=0 ;
var m= 0;
var s=0;
var disp="";
var idtimer =setInterval('affichetemps()',1000);
 
function affichetemps(){ 
 
  tps++ ; 
  h = parseInt(tps/3600) ; 
  m = parseInt((tps%3600)/60) ; 
  s = parseInt((tps%3600)%60) ;
  disp = (h<10 ? "0"+h : h) + ':' + (m<10 ? "0"+m : m) + ':' + (s<10 ? "0"+s : s) ; 
  document.getElementById('temps').innerHTML= disp;
 
  if (s >= 12) {
   alert('ici tu peux envoyer ta fonction'); 
   clearInterval(idtimer); 
   return;
   } 
} 
 
</script>
</head> 
<body onload="idtimer"> 
<div id="temps" style="font-family: DigifaceWide; size: 10px;">00:00:00</div> 
</html>

**cari** · 24/01/2006, 17h01

j'avais écrit cette function juste avant de lire le ton post, je voulais simplement savoir si c'atait pas la meme chose (les 2 bouts de codes)!

Permettre la modofication d'une horloge

JavaScript

Discussions similaires

Partager

Partager