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

JavaScript 1.3

  Date / Heure

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 la date et 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 la date, on créé une chaine représentant la date et l'heure et on la place dans la barre d'état du navigateur.
  Le script
dans la partie <head>
<script language="JavaScript">

// recommencer = permet de reafficher l'heure toutes les secondes
var recommencer = null;

// catourne = etat de l'affichage
var catourne = false;

function arreter() {
if(catourne) clearTimeout(recommencer);
catourne = false;
}

function afficher() {
// maintenant = selectionne le temps de l'ordinateur
var maintenant = new Date();

// jour = extrait les jours du temps de l'ordinateur
var jour = maintenant.getDate();

// mois = extrait les mois du temps de l'ordinateur
var mois = maintenant.getMonth() + 1;

// annee = extrait les annees du temps de l'ordinateur
var annee = maintenant.getFullYear();

// heures = extrait les heures du temps de l'ordinateur
var heures = maintenant.getHours();

// minutes = extrait les minutes du temps de l'ordinateur
var minutes = maintenant.getMinutes();

// secondes = extrait les secondes du temps de l'ordinateur
var secondes = maintenant.getSeconds();

// affichage = c'est ce qui s'affichera dans la barre d'etat
var affichage = "" + ((jour < 10) ? "0" : "") + jour + "/";
affichage += "" + ((mois < 10) ? "0" : "") + mois + "/";
affichage += "" + annee + " ";
affichage += "" + heures;
affichage += ((minutes < 10) ? ":0" : ":") + minutes;
affichage += ((secondes < 10) ? ":0" : ":") + secondes;

// affichage dans la barre d'etat
window.status = affichage;
recommencer = setTimeout("afficher()",1000);
catourne = true;
}

function demarrer() {
arreter();
afficher();
}

</script>

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

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é :
    status_date.zip
    1 Ko
    telechargez le script telechargez le script
    Script séparé :
    status_date2.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