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

JavaScript 1.3
Le temps

  L'heure par fuseaux horaires

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 d'afficher l'heure pour des villes d'autres fuseaux horaires que celui du visiteur, au choix.
  Principe
La date est fournie par l'ordinateur du client, le script se contente de la récupérer, de trouver le fuseau horaire du visiteur (en fonction de son ordinateur), puis on applique a cette heure 'GMT' le decallage horaire de la ville sélectionnée.
  Le script
dans la partie <head>
<script language="JavaScript">
// on crée la variable qui permettra de relancer la fonction sur le bon fuseau horaire
var memoire = 0;

function heure_gmt(fuseau) {

// on place le 'fuseau' dans la variable qu'on rappelera à la fin de la fonction
memoire = fuseau;

// on récupère l'heure du système
var x = new Date();

// on intercepte l'heure GMT
var heure_gmt_temp = x.getUTCHours();

// on la transforme pour obtenir l'heure du fuseau horaire demandé
var heure_gmt = heure_gmt_temp + fuseau;

// quelques corrections pour rétablir des heures inférieures à 0H et supérieures à 23H
if ( heure_gmt < 0 ) {
heure_gmt = 24 + heure_gmt;
}
if (heure_gmt > 23) {
heure_gmt = heure_gmt - 24;
}

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

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

// la chaine de l'heure GMT, qui ne bougera pas
var gmt_base = heure_gmt_temp + ":" + minutes + ":" + secondes;

// la chaine qui affichera l'heure sur le fuseau demandé
var gmt = heure_gmt + ":" + minutes + ":" + secondes;

// on place les deux heures dans le formulaire
document.formulaire.gmt.value = gmt_base;
document.formulaire.heure.value = gmt;

// on relance la fonction (avec son fuseau horaire) toutes les secondes pour actualiser
setTimeout("heure_gmt(memoire);",1000);
}
</script>

dans la partie <body>
<form name="formulaire">
GMT : <input type="text" name="gmt" size="10">
Tokyo : <input type="radio" value="villes" OnClick="heure_gmt(9);">
Paris : <input type="radio" value="villes" OnClick="heure_gmt(1);">
New York : <input type="radio" value="villes" OnClick="heure_gmt(-5);">
Heure choisie : <input type="text" name="heure" size="10">
</form>
  Démonstration
GMT :
Tokyo :
Paris :
New York :
Heure choisie :
  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_fuseaux.zip
    1 Ko    		 telechargez le script telechargez le script
    Script séparé :
    time_fuseaux2.zip
    2 Ko
    Recherche
    		aide sur la recherche
    CSS 2
    DHTML
    HTML 4
    Références
    Aide générale
    hit-parade
    Votez TOP Ouaibe !

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