Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

HEURE EN TEMPS RÉEL DÉFILANT DANS LA BARRE DE STATUT


Information sur la source

Catégorie :Date & Heure Niveau : Débutant Date de création : 06/05/2004 Date de mise à jour : 06/05/2004 18:10:01 Vu / téléchargé: 6 005 / 302

Note :
6 / 10 - par 2 personnes
6,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (3)
Ajouter un commentaire et/ou une note

Description

Ce script permet de faire défiler l'heure en temps réel dans la barre de satut.
On peut facilement modifier la vitesse de défilement et le point de départ et d'arrivée du texte défilant.
 

Source

  • <html>
  • <head>
  • </head>
  • <body onload="Heure();")>
  • <script language="javascript">
  • esp=1;
  • maxi=40;//point d'arrivée du texte
  • mini=10;//point de départ du texte
  • a=mini;
  • function Heure() {
  • h = new Date();
  • heu = h.getHours();
  • min = h.getMinutes();
  • sec = h.getSeconds();
  • if (heu<10) heure = "0"+heure;
  • if (min<10) min = "0"+min;
  • if (sec<10) sec = "0"+sec;//07:08:06 à la place de 7:8:6
  • if (a==mini) esp=1;//quand on arive à mini on incrémente a
  • if (a==maxi) esp=-1;//quand on arrive à maxi on décrémente a
  • a=a+esp;
  • time ="Bienvenue il est "+heu+":"+min+":"+sec;
  • b=a;
  • while (b-->0)
  • time=" "+time;//génère des éspace qui font le défilement
  • window.status=time;//status est l'objet de window qui permet d'écrire dans la barre de statut
  • setTimeout("Heure();",50);//on refet la fonction toute les 50 millièmes de seconde
  • //si vous voulez un défilement plus ou moins rapide changer la valeur 50
  • }
  • </script>
  • <p><b>Regardez en bas à gauche !!!</b></p>
  • </body>
  • </html>
<html>
<head>
</head>
<body onload="Heure();")>
<script language="javascript"> 
esp=1;
maxi=40;//point d'arrivée du texte
mini=10;//point de départ du texte
a=mini;
function Heure() {

              h = new Date(); 
              heu = h.getHours();
              min = h.getMinutes();
              sec = h.getSeconds();
              if (heu<10) heure = "0"+heure;
              if (min<10) min = "0"+min; 
              if (sec<10) sec = "0"+sec;//07:08:06 à la place de 7:8:6
              if (a==mini) esp=1;//quand on arive à mini on incrémente a
              if (a==maxi) esp=-1;//quand on arrive à maxi on décrémente a
              a=a+esp;            
              time ="Bienvenue il est "+heu+":"+min+":"+sec;
              b=a;
              while (b-->0)
              time=" "+time;//génère des éspace qui font le défilement
              window.status=time;//status est l'objet de window qui permet d'écrire dans la barre de statut
              setTimeout("Heure();",50);//on refet la fonction toute les 50 millièmes de seconde
              //si vous voulez un défilement plus ou moins rapide changer la valeur 50
}
</script>
<p><b>Regardez en bas à gauche !!!</b></p>
</body>
</html>

Conclusion

Vous pouvez aussi utiliser ce script pour faire défiler un autre texte ou laisser l'heure immobile dans la barre de statut
 

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Commentaires et avis

signaler à un administrateur
Commentaire de bedo_one le 13/05/2004 14:06:33

cool comme script, mais il me semble avoir deja vu ça queleque part...
au moins ça fonctionne bien, pi c'est discret, c'est vraiment cool

signaler à un administrateur
Commentaire de toto_ouf le 11/05/2005 11:57:38

j'ai bien ce script mais je ne peut malheuresement pas l'utiliser vu qu'il ne marche pas avec FireFox!
Sinon, bon idée

signaler à un administrateur
Commentaire de toto_ouf le 11/05/2005 12:28:04

Oups, je me suis trompé, sa marche avec FireFox mais il fallait le configurer pour qu'il gére la status bar : menu Outils > Options > Fonctionnalités web > Javascript > avancé   cocher:changer le texte de la barre de tache
voilà!

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Octobre 2008
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,172 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.