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

Vue hybride

Discussions similaires

Partager

Partager