Affichage d'une horloge

Version imprimable

Bonjour à tous,

j'ai un problème de code pour afficher une horloge, aidez-moi et merci.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<HEAD> 
<SCRIPT LANGUAGE="Javascript">
 
function getDt(){ 
 
var dt=new Date(); 
var cal=""+ dt.getDay()()()+"/"+(dt.getMonth()()()+1)+ "/" +dt.getYear()()(); 
 
cal=document.getElementById(hr).value;
} 
 
</SCRIPT>
</HEAD> 
<BODY> 
<input type="text" id="hr" onMouseOver="getDt()"  />
 
</BODY>

03/12/2012, 07h05
andry.aime

Bonjour,

Citation:

cal=document.getElementById(hr).value;

1 - tu as inversé l'affectation.
2 - hr n'est pas une variable mais une valeur (id).

A+.
03/12/2012, 08h20
Bovino

Code:

dt.getDay()()()

:? :koi:

Ca sort d'où cette notation ?

Voici un exemple simple qui ne demande qu'à être amélioré.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<html>
<head>
<script type="text/javascript">
   function Horloge() {
       var t=new Date();
       document.getElementById("dt").value=t.getHours()+":"+t.getMinutes()+":"+t.getSeconds();
   }
   var timer=setInterval("Horloge()", 1000);
 
</script>
</head>
<body>
<input type="text" id="dt" value=""/></br>
<A href='javascript:clearInterval(timer)'>Arrêter l'horloge</A>
</body>
</html>

Je te recommande cependant de prendre le temps de lire les tutoriels disponibles sur ce site on y apprend énormément.

Une version un peu améliorée :

Code:

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
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Horloge</title>
    <style>
        #timer{
            position: absolute;
            right: 50px;
            top: 50px;
            background-color: silver;
            font-weight: bold;
            padding: 5px 10px;
            border: 3px groove;
        }
    </style>
</head>
<body>
    <div id="timer"></div>
    <script>
        (function horloge(){
            var tt = new Date().toLocaleTimeString();
            document.getElementById('timer').innerHTML = tt;
            setTimeout(horloge, 1000);
        })()
    </script>
</body>
</html>

05/12/2012, 22h01
SylvainPV

Une version encore un peu plus améliorée : http://andrew-hoyer.com/experiments/clock/
(joke)
06/12/2012, 07h45
Bovino

Pas mal :)

On peut aussi s'inspirer de Les participations au Défi Web - Horloge. ;)