Mon horloge ne s'affiche plus

**hyogas** · 27/01/2017, 10h17

Bonjour,

Je laisse ce message car j'ai un soucis avec mon horloge. En effet l'heure n'apparait plus pouvez vous m'aider à trouver la raison du problème merci d'avance ?
Voici le code que j'utilise :

Code html :

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<title>Horloge</title> 
<SCRIPT LANGUAGE="JavaScript"> 
navvers = navigator.appVersion.substring(0,1); 
if (navvers > 3) 
 navok = true; 
else 
 navok = false; 
 
today = new Date; 
numero = today.getDate(); 
if (numero<10) 
 numero = "0"+numero; 
mois = today.getMonth(); 
if (navok) 
 annee = today.getFullYear(); 
else 
 annee = today.getYear(); 
mois++; 
if (mois < 10) 
 mois = "0" + mois; 
messageDate = numero + "/" + mois + "/" + annee; 
function HeureCheck() 
{ 
krucial = new Date; 
heure = krucial.getHours(); 
min = krucial.getMinutes(); 
sec = krucial.getSeconds(); 
jour = krucial.getDate(); 
mois = krucial.getMonth()+1; 
annee = krucial.getFullYear(); 
if (sec < 10) 
sec0 = "0"; 
else 
sec0 = ""; 
if (min < 10) 
min0 = "0"; 
else 
min0 = ""; 
if (heure < 10) 
heure0 = "0"; 
else 
heure0 = ""; 
DinaHeure = heure0 + heure + ":" + min0 + min + ":" + sec0 + sec; 
which = DinaHeure 
if (document.all){ 
dynamic3.innerHTML='<center>00:00:00</center>' 
dynamic3.innerHTML='<FONT SIZE=2 FACE=" comic sans ms black "><B>'+which+'</B></FONT>'; 
} 
else if (document.layers){ 
document.dynamic1.document.dynamic2.document.write(''+which+'') 
document.dynamic1.document.dynamic2.document.close() 
} 
tempo = setTimeout("HeureCheck()", 1000) 
} 
</SCRIPT> 
</head> 
<body onLoad="HeureCheck()" onUnload="clearTimeout(tempo)"> 
 
 
<table border="0" cellspacing="0" cellpadding="0" width="50" height="50"> 
  <tr> 
<td bgcolor="#000000" style="border: 1 solid #000000 " > 
<table summary="" border="0" width="100%" height="100%"> 
<tr> 
<!--  couleur fond et texte --> 
<td  background="#000000"><CENTER> 
<font color="#FFFFFF"> 
<!--  fin couleur fond et texte --> 
<FONT SIZE=2 FACE="comic sans ms black"><B><SCRIPT LANGUAGE="JavaScript"> document.write(messageDate); </SCRIPT> 
              </B></FONT>  
              <!-- image ici  --> 
              <a target="_blank" title="Cartoons spirit" href="http://www.cartoons-spirit.fr/">  
              <img border="0" src="http://cartoons.spirit.free.fr/Monsite/Horloge/HORLOGE1.jpg" width="135" height="170"></a> 
              <!-- fin image ici --> 
              </a>  
              <ilayer id="dynamic1" width=100% height=15><layer id="dynamic2" width=100% height=15><div id="dynamic3"></div></layer></ilayer> 
        </font></CENTER> 
  </td> 
 </tr> 
</table> 
 </tr> 
</table> 
</body> 
</html>

**Christophe P.** · 27/01/2017, 15h18

Bonjour,

quels changements y a-t-il eu entre temps ?

Sur mon poste (IE11 et Chrome) la date (sans heure) et l'image s'affichent, mais il n'y a pas d'heure.

Remplacez if ... else ... par

Code :

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

document.getElementById("dynamic2").innerHTML = DinaHeure;

pour voir l'heure.

**melka one** · 27/01/2017, 20h30

jour

j' ai remis partiellement le script au gout du jour il en avait grandement besoin js et html

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<title>Horloge</title> 
<script> 
 
function hor_init(){
 
	var today = new Date;
 
	var numero = today.getDate(); 
	numero = numero<10 ? "0"+numero : numero;
 
	var mois = today.getMonth()+1;
	mois =mois < 10 ? "0" + mois : mois;
 
	var annee = today.getFullYear(); 
 
	document.getElementById("messageDate").innerHTML = numero + "/" + mois + "/" + annee;
 
	HeureCheck();
}
 
function HeureCheck(){
 
	var krucial = new Date; 
	var heure = krucial.getHours(); 
	var min = krucial.getMinutes(); 
	var sec = krucial.getSeconds(); 
 
	sec =sec < 10 ? "0"+sec : sec;
 
	min =min < 10 ? "0"+min : min; 
 
	heure = heure < 10 ? "0"+heure : heure; 
 
	var DinaHeure = heure + ":" + min + ":" + sec; 
 
	document.getElementById("dynamic3").innerHTML=DinaHeure; 
 
	setTimeout(HeureCheck, 1000);
}
 
typeof window.addEventListener == 'undefined' ? document.attachEvent('onload', hor_init) : addEventListener('load', hor_init, false);
 
</script>
</head>
<body>
 
<!--  couleur fond et texte --> 
<div style="width:150px;height:205px;background:#000000;color:#FFFFFF;text-align:center;padding:3px;border: 1px solid #000000;box-shadow: 10px 12px 13px -6px rgba(6,10,31,1);">
<!--  fin couleur fond et texte --> 
	<span style=" font:bold 11px comic sans ms;" id="messageDate"></span>
     <!-- image ici  --> 
    <a target="_blank" title="Cartoons spirit" href="http://www.cartoons-spirit.fr/">
    <img src="http://cartoons.spirit.free.fr/Monsite/Horloge/HORLOGE1.jpg" style="width:135px;height:170px;border-size:0px;"/></a>
    <!-- fin image ici --> 
     </a>
     <span style="font:bold 12px comic sans ms;" id="dynamic3"></span>
 </div>
 
</body>
</html>

**hyogas** · 29/01/2017, 10h17

Merci pour le code melka one qui fonctionne très bien et merci pour ton aide. Je vous remercie tous pour votre aide. L'un d'entre vous m'a aussi proposé cette mis à jour du code que vous pouvez le voir ci dessous et qui fonctionne aussi très bien. Merci encore de votre aide.

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<title>Horloge</title> 
<SCRIPT type="text/javascript"> 
var tempo;
function get_date(){
  navok = navigator.appVersion.substring(0,1) > 3 ? true : false ;
 
  today = new Date; 
  numero = today.getDate(); 
  numero = numero < 10 ? "0"+numero : numero; 
 
  annee = navok ? today.getFullYear() : today.getYear(); 
 
  mois = today.getMonth() + 1 < 10 ? "0" + (today.getMonth() + 1) :(today.getMonth() + 1) ; 
  messageDate = numero + "/" + mois + "/" + annee; 
  return messageDate;
}
 
 
function HeureCheck() { 
  krucial = new Date; 
  heure = krucial.getHours(); 
  min = krucial.getMinutes(); 
  sec = krucial.getSeconds(); 
  jour = krucial.getDate(); 
  mois = krucial.getMonth()+1; 
  annee = krucial.getFullYear(); 
 
  sec0 = sec < 10 ? "0" : "";
  min0 = min < 10 ? "0" : "";
  heure0 = heure < 10 ? "0" : "";
 
  which = heure0 + heure + ":" + min0 + min + ":" + sec0 + sec; 
 
  document.getElementById('dynamic3').innerHTML='<FONT SIZE=2 FACE=" comic sans ms black "><B>'+which+'</B></FONT>'; 
 
  tempo = setTimeout("HeureCheck()", 1000);
} 
</SCRIPT> 
</head> 
<body onLoad="HeureCheck()" onUnload="clearTimeout(tempo)"> 
 
 
<table border="0" cellspacing="0" cellpadding="0" width="50" height="50"> 
  <tr> 
<td bgcolor="#000000" style="border: 1 solid #000000 " > 
<table summary="" border="0" width="100%" height="100%"> 
<tr> 
<!--  couleur fond et texte --> 
<td  background="#000000"><CENTER> 
<font color="#FFFFFF"> 
<!--  fin couleur fond et texte --> 
<FONT SIZE=2 FACE="comic sans ms black"><B><SCRIPT LANGUAGE="JavaScript"> document.write(get_date()); </SCRIPT> 
              </B></FONT> 
 <!-- image ici  --> 
              <a title="Cartoons spirit" href="http://www.cartoons-spirit.fr/" rel="nofollow noopener noreferrer" target="_blank">  
              <img border="0" src=""http://cartoons.spirit.free.fr/Monsite/Horloge/HORLOGE1.jpg" width="135" height="170"></a> 
              <!-- fin image ici --> 
              </a>   
              <ilayer id="dynamic1" width=100% height=15><layer id="dynamic2" width=100% height=15><div id="dynamic3"></div></layer></ilayer> 
        </font></CENTER> 
  </td> 
 </tr> 
</table> 
 </tr> 
</table> 
</body> 
</html>

Mon horloge ne s'affiche plus

JavaScript

Discussions similaires

Partager

Partager