Membre de ClickFR, Reseau francophone Paie-Par-Click
Accueil
Accueil
- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]
Accueil

JavaScript 1.3

  L'heure en barre d'état

fonction de ce script  principe de ce script  le script lui-meme  demonstration du script  telechargement du script

  Fonction
Le but de ce script est de placer l'heure courante dans la barre d'état de la page.
  Principe
Une instruction simple permet d'accéder à la barre d'état du navigateur : window.status.
Pour y afficher l'heure, on créé une chaine représentant l'heure et on la place dans la barre d'état du navigateur.
  Le script
dans la partie <head>
<script language="JavaScript">
function placer_heure() {

// on récupère la date complête du systeme. C'est elle qui est directement appelée en premier dans la page
var x = new Date();

// on intercepte les heures
var heures = x.getHours();

// on intercepte les minutes
var minutes = x.getMinutes();

// on ajoute un zéro (0) devant si les minutes sont inférieures à 10 (plus joli)
if (minutes <= 9) minutes = "0" + minutes;

// on intercepte les secondes
var secondes = x.getSeconds();

// on ajoute un zéro (0) devant si les secondes sont inférieures à 10 (plus joli)
if (secondes <= 9) secondes = "0" + secondes;

// maintenant, pour avoir une heure du type 12:25:31
// on crée simplement une chaine utilisant les données recueillies ci-dessus

var horaire = heures + ":" + minutes + ":" + secondes;

// on applique la chaine à la barre d'état
window.status = horaire;

// on relance la fonction toutes les secondes pour réafficher la nouvelle heure (notamment les secondes)
setTimeout("placer_heure();",1000);
}
</script>

dans la partie <body>
<body onload="placer_heure();">

Contenu de la page...

</body>
  Démonstration

Voir la démonstration

  Téléchargement
Ce script est disponible en deux versions :
  • le script est intégré à la page où il agit,
  • le script est dans un fichier séparé de la page où il agit (fichier.js et fichier.html).

    L'intérêt d'un script dans un fichier séparé est de pouvoir le partager entre plusieurs pages html.
    Cela permet aussi de le rendre inaccessible à toute personne qui souhaiterai l'enregistrer pour une autre utilisation.
  • Script intégré :
    time_heure_status.zip
    1 Ko
    telechargez le script telechargez le script
    Script séparé :
    time_heure_status2.zip
    1 Ko
    Recherche
    aide sur la recherche
    hit-parade
    Votez TOP Ouaibe !

    statistiques
    aide sur les contacts aide sur la mailing-list aide sur la newsletter