Discussion :

[Boromus]

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

Code :

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

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!

[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

[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

[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?

[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 dans la variable qui contient l'affichage, c'est tout

[SOAD08]

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 :

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
 
<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>