horloge en JavaScript

Version imprimable

Voila dans les tutoriaux de javascript on trouve ca pour intégrer a la page la date et l'heure:
Code:

1 2 3 4 5 <script language="javascript"> today = new Date(); document.write("Nous sommes le ",today.getDate(),"/",today.getMonth()+1,"/",today.getYear(),"<br />"); document.write("Il est ",today.getHours(),":",today.getMinutes(),":",today.getSeconds(),"<br />"); </script>
Mais le problème est que l'heure est celle du moment de chargement de la page, ensuite les secondes (affichées) ne se déroulent, ne tournent pas!
Or dans un site qui est: http://www.battle-arenas.net (un jeu de rôle) il y a en haut à gauche l'heure qui défile mais le code est en externe.

Alors je vous pose cette question: Pouvez-vous m'aider pour créer une horloge qui défile?

Merci d'avance!

09/10/2006, 20h56
N1bus

Bonjour,

essaye ça : http://nfactory.n1bus-exp.com/js-script.php?show=date

Choisis "Une horloge bouton" dans le menu déroulant.

(le site est un peu lent à charger ... c'est chez Online ....)

Note : tu peux modifier le style du bouton pour qu'il n'apparaisse pas comme un bouton ...

N1bus
09/10/2006, 23h40
Kerod

Tu as un super exemple dans la faq javascript : Comment afficher l'heure en temps réel ?

De plus, après une recherche sur le forum, il y a une autre solution qui n'utilise pas de input : heure et date en temps reel
10/10/2006, 19h40
Boromus

merci mais le problème est que j'aimerais rajouter "Il est" devant l'heure et l'heure ne s'affiche pas la ou je veux:
en fait il s'affiche sur la meme ligne: la date puis ma bannière puis l'heure (normalement vu que l'heure s'affiche sous la bannière)
pouvez-vous m'aider?
10/10/2006, 20h35
Kerod

Ben là c'est pas du javascript pour le positionnement. Je vois pas où est le problème (HTML).

Pour mettre un 'Il est' il suffit juste de le rajouter 8O dans la variable qui contient l'affichage, c'est tout

Ce code devrait faire l affaire

Je viens de le tester en vitesse ça marche donc voila ;)

Je ne t ai pas refait ta mise en page mais ça ne devrait pas te poser de problèmes.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<div id="horloge">&nbsp;</div>
 
<script language="javascript">
function horloge()
{
    today = new Date();
 
    temps = "Nous sommes le";
    temps +=today.getDate()+"/"+today.getMonth()+"/"+today.getYear();
    temps += "Il est "
    temps +=today.getHours()+":"+today.getMinutes()+":"+today.getSeconds();
 
    setTimeout("horloge()", 1000);
 
    document.getElementById("horloge").innerHTML = temps;
}
 
horloge();
</script>

11/10/2006, 10h28
SpaceFrog

lol SAOD tu viens d'inveter l'horlage bilingue ...
11/10/2006, 15h09
SOAD08

:? Qu'est-ce qui en va pas avec l'horloge ?
11/10/2006, 15h51
Boromus

merci pour tout je viens de trouver une soluc je la teste et je vous la cite plus tard!
23/10/2006, 19h06
Boromus

finalement cette soluc n'est pas celle que j'attendai mais de toute façon, je ne mettrai pas d'horloge dans mon site!
merci encore et quand meme!
Boromus!