Bonsoir à toutes et à tous,

Avec ce code, j'affiche une banderolle de couleur noire avec la date à droite et l'heure à gauche.

J'ai constaté que l'heure et la date restent fixe alors que un setTimeOut est prévu.

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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
 
  <meta charset="UTF-8">
  <title>VIDEO SURVEILLANCE</title>
 
 
  <style type="text/css">
#banderole {
background-color:black;
min-width:720px;
}
#banderole .heure {
color:rgb(0,0,255);
font-size:32px;
float:left;
margin-left: 10;
}
#banderole .date {
color:rgb(0,0,255);
font-size:32px;
float:right;
margin-right: 10;
}
#banderole .titre {
color:rgb(255,255,255);
text-align:center;
}
  </style>
  <script language="javascript">
<!-- Begin
function disp_horloge(id){
if (!document.layers && !document.all) return;
var date_jour=new Date()
var heure=date_jour.getHours();
var min=date_jour.getMinutes();
var sec=date_jour.getSeconds();
if (heure<10) heure="0"+heure;
if (min<10) min="0"+min;
if (sec<10) sec="0"+sec;
function don_date_jour()
{var date_jour=new Date();
date_jour=don_date_format(date_jour);
return date_jour;}
function don_date_format(d1) {
var m=new Array(13);
m[1]="Janvier"; m[2]="Février"; m[3]="Mars"; m[4]="Avril"; m[5]="Mai"; m[6]="Juin";
m[7]="Juillet"; m[8]="Aout"; m[9]="Septembre"; m[10]="Octobre"; m[11]="Novembre"; m[12]="Décembre";
var d=new Array(8);
d[1]="Dimanche"; d[2]="Lundi"; d[3]="Mardi"; d[4]="Mercredi"; d[5]="Jeudi"; d[6]="Vendredi"; d[7]="Samedi";
var mois=m[d1.getMonth()+1];
var jour=d[d1.getDay()+1];
var date=d1.getDate();
var an=d1.getYear();
if (an<200) an=1900+an;
date=jour+" "+date+" "+mois+" "+an;
return date;
}
dispTime=heure+":"+min+":"+sec;
dispdato= don_date_jour()
if (document.layers) {
document.layers.pendule.document.write(dispTime);
document.layers.pendule.document.close();
document.layers.pendule2.document.write(dispdato);
document.layers.pendule2.document.close();
}
else
if (document.all)
pendule.innerHTML = dispTime;
pendule2.innerHTML = dispdato;
setTimeout("disp_horloge()",1000);
}
// End --> </script>
</head>
 
 
<body onload="disp_horloge()">
 
<div id="banderole">
<span id="pendule2" class="date">24/08/2013</span>
<span id="pendule" class="heure">12:34</span>
<h1 class="titre">VIDEO SURVEILLANCE</h1>
 
</div>
 
</body>
</html>
Si quelqu'un avait une petite idée ou une autre façon de faire, merci d'avance.

@+,

Cincap