[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les forums > Site Web > XHTML / CSS > [JS] Heure dynamique > Lecture du sujet

[JS] Heure dynamique

Afficher les zéro

Vous devez être inscrit pour pouvoir poster des messages

Page : 1

Auteur

Message

1 visiteur sur ce sujet (1 anonyme)

Page : 1

Vin'c_67

# Posté le 22/06/2008 à 20:23:41

Nespresso, What Else ?

Groupe : Membres

Bonjour à tous les zéro !

Sur mon site, il y a une horloge dynamique qui affiche l'heure grâce à Javascript.

Mais j' ai un petit problème car lorsque l'heure est par exemple "21 : 05 : 59", cela n' affiche pas ça mais "21 : 5 : 59".

Personnellement je trouve que cela fait bizarre et moche, de plus l'on m' a déjà fait la remarque, ce qui me pousse à poster.

Et comme encore en plus en plus, il y a un petit "text-align:center", la ligne de l'heure n' arrête pas de bouger et quand on regarde la page c' est un petit détail mais que je trouve important.

Je vous donne mon code source actuel, que j' ai honteusement copié coller d' un site qui nous est tous très cher :

Code : JavaScript

var style_paragraphes = ''; 
  
  function rafraichir()
  {
  var date = new Date(); /* On créé une date. 
C'est très important de la créer dans la fonction comme ça à 
chaque seconde on recréé une date et donc le temps est mis à jour. 
Si vous ne la créez pas dans la fonction alors la date ne sera pas 
mise à jour. */

  var texte = ''; 
  texte += ''+date.getHours()+' : '+date.getMinutes()+' : '+date.getSeconds()+'';

  document.getElementById('date').innerHTML = texte;
  }
  
  document.write('<span id="date"></span>');
  
  setInterval('rafraichir()',1000); /* Toutes les 1 secondes 
on réaffiche la date */

Alors comment faire ??

Merci d' avance de votre réponse, et à très bientôt !

Vin'C

Édité le 08/08/2008 à 14:38:43 par Vin'c_67

Vin'c_67 ~> Site ! (site en construction)
- P'tit sujet on vous pouvez tous poster, besoin d'avis sur mon site

>> Clic !

GEEK - INFO ~> Avis sur ce site

Meka

# Posté le 22/06/2008 à 22:20:10

Groupe : Membres

Code : JavaScript

var style_paragraphes = ''; 
  
  function rafraichir()
  {
  var date = new Date(); /* On créé une date. 
C'est très important de la créer dans la fonction comme ça à 
chaque seconde on recréé une date et donc le temps est mis à jour. 
Si vous ne la créez pas dans la fonction alors la date ne sera pas 
mise à jour. */

  var texte = ''; 
  if(date.getMinutes()<10){ addZero = "0"; } else { addZero = ""; }
  texte += ''+date.getHours()+' : '+addZero+date.getMinutes()+' : '+date.getSeconds()+'';

  document.getElementById('date').innerHTML = texte;
  }
  
  document.write('<span id="date"></span>');
  
  setInterval('rafraichir()',1000); /* Toutes les 1 secondes 
on réaffiche la date */

Édité le 22/06/2008 à 22:21:36 par Meka

MJ92

# Posté le 26/07/2008 à 13:01:39

Groupe : Membres

Bonjour,

J'ai fait une horloge dynamique similaire.
En revanche, je ne sais pas comment lui faire dire que je veux qu'il soit dans un <div class="monhorloge">...
Dois-je faire :
Code : JavaScript

1 2	document.getElementByClassName('monhorloge').innerHTML = texte; }

Merci d'avance,

MJ92

Édité le 26/07/2008 à 13:04:34 par MJ92

Retour au forum "XHTML / CSS" ou à la liste des forums

Vous devez être inscrit pour pouvoir poster des messages

Tutoriels

Communauté

Mon compte

Recherche

Livre d'or

Publicité

[JS] Heure dynamique

Afficher les zéro