CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2012 05 28 07:35:10

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

Date & Heure

> AFFICHAGE DE L'HEURE ET DU FUSEAU HORAIRE (TIMEZONE) SUR LA MACHINE DU CLIENT

AFFICHAGE DE L'HEURE ET DU FUSEAU HORAIRE (TIMEZONE) SUR LA MACHINE DU CLIENT

Information sur la source

Note :
Aucune note

Catégorie :Date & Heure Classé sous :fuseau horaire, timezone, heure normale, heure avancé Niveau :Débutant Date de création :29/12/2009 Vu / téléchargé :4 639 / 234

Auteur : navylav2

Ecrire un message privé

Commentaire sur cette source (0)

Ajouter un commentaire et/ou une note

Description

Ce code permet d'afficher en temps réel l'heure et le fuseau horaire sur la machine d'un client. Il peux aussi être utiliser au chargement de la page pour sélectionner automatiquement le fuseau horaire du client afin de le sauvegarder dans une base de données.

Source

<html>
<head>
<script language="javascript">
var Tz = "";
var iTz = 0;
function selectTZ(form) {
form.lstTZ.selectedIndex = iTz;
}
function getTimeZone() {
// Utilise la différence de temps entre la machine du client et l'heure GMT pour déterminer le fuseau horaire
// en tenant compte de la période d'été où l'heure avancé est utilisé
var arrTZ = new Array(" NST", " NDT", " AST", " ADT", " EST", " EDT", " CST", " CDT", " MST", " MDT", " PST", " PDT");
var TzOffset = new Date().getTimezoneOffset();
var bSummerTime = getSummerTime(03, 2, 1, 11, 1, 1);
if(bSummerTime == true){
if(TzOffset == 150){ iTz= 1; }
else if(TzOffset == 180){ iTz= 3; }
else if(TzOffset == 240){ iTz= 5; }
else if(TzOffset == 300){ iTz= 7; }
else if(TzOffset == 360){ iTz= 9; }
else if(TzOffset == 420){ iTz= 11; }
}
else {
if(TzOffset == 210){ iTz= 0; }
else if(TzOffset == 240){ iTz= 2; }
else if(TzOffset == 300){ iTz= 4; }
else if(TzOffset == 360){ iTz= 6; }
else if(TzOffset == 420){ iTz= 8; }
else if(TzOffset == 480){ iTz= 10; }
}
Tz = arrTZ[iTz];
return Tz
}
function getSummerTime(startMonth, startDay, startWeekNo , endMonth, endDay, endWeekNo) {
// Utilise la date courante pour déterminer si celle-ci est l'heure normale ou avancé
// startMonth et endMonth: les mois de début et de fin de l'heure d'été (de 01 pour janvier à 12 pour décembre)
// startDay et endDay: le jour de la semaine recherché (de 1 pour dimanche à 7 pour samedi)
// startWeekNo et endWeekNo: pour l'occurance dans le mois (de 1 à 5)
// Pour le Canada comme la période d'été est du second(2) dimanche(1) de mars(03)
// au premier(1) dimanche(1) de novembre(11)
// l'appel de la fonction est la suivante: getSummerTime(03, 2, 1, 11, 1, 1)
var dDate = new Date();
var startMonthString = (startMonth + "/01/" + dDate.getFullYear());
var startMonthFirstDay = new Date(startMonthString);
var startMonthSearchDay = ((startWeekNo * 7) + startDay) - startMonthFirstDay.getDay();
startMonthString = (startMonth + "/" + startMonthSearchDay + "/" + dDate.getFullYear());
var startMonthDate = new Date(startMonthString);
var endMonthString = (endMonth + "/01/" + dDate.getFullYear());
var endMonthFirstDay = new Date(endMonthString);
var endMonthSearchDay = ((endWeekNo * 7) + endDay) - endMonthFirstDay.getDay();
endMonthString = (endMonth + "/" + endMonthSearchDay + "/" + dDate.getFullYear());
var endMonthDate = new Date(endMonthString);
return ( dDate >= startMonthDate && dDate < endMonthDate ? true : false )
}
function showDateTime(form) {
eval(form).ActTime.value = getDateTime(0) + Tz;
setTimeout("showDateTime('" + form + "')", 1000);
}
function getDateTime(AddHour) {
var d = new Date();
var curr_year = d.getFullYear();
var curr_month = addZero(d.getMonth()+1);
var curr_day = addZero(d.getDate());
var curr_hour = addZero(d.getHours()+ AddHour);
var curr_min = addZero(d.getMinutes());
var curr_sec = addZero(d.getSeconds());
return curr_year + "/" + curr_month + "/" + curr_day + " " + curr_hour + ":" + curr_min + ":" + curr_sec;
}
function addZero(obj) {
return ( obj<10 ? "0" + obj : obj )
}
</script>
</head>
<body onLoad="getTimeZone();showDateTime('document.frmTime');">
<form name="frmTime">
<input type="texte" name="ActTime" value="0" size="30" style="border-style: none; font-family: Verdana; font-size: 15pt; color: #000000; background-color: #ffffff; text-align: left;">
<p>
<select name="lstTZ">
<option value=" NST">NST - Newfoundland Standard Time
<option value=" NDT">NDT - Newfoundland Daylight Time
<option value=" AST">AST - Atlantic Standard Time
<option value=" ADT">ADT - Atlantic Daylight Time
<option value=" EST">EST - Eastern Standard Time
<option value=" EDT">EDT - Eastern Daylight Time
<option value=" CST">CST - Central Standard Time
<option value=" CDT">CDT - Central Daylight Time
<option value=" MST">MST - Mountain Standard Time
<option value=" MDT">MDT - Mountain Daylight Time
<option value=" PST">PST - Pacific Standard Time
<option value=" PDT">PDT - Pacific Daylight Time
</select>
<p>
<input type="button" name="btnTZ" id="btnTZ" onClick="javascript:selectTZ(this.form);" value="Cliquer pour afficher votre fuseau horaire">
</form>
</body>
</html>

<html>
<head>
<script language="javascript">
var Tz = "";
var iTz = 0;

function selectTZ(form) {
  form.lstTZ.selectedIndex = iTz;
 }

function getTimeZone() {
   // Utilise la différence de temps entre la machine du client et l'heure GMT pour déterminer le fuseau horaire
   // en tenant compte de la période d'été où l'heure avancé est utilisé
   var arrTZ = new Array(" NST", " NDT", " AST", " ADT", " EST", " EDT", " CST", " CDT", " MST", " MDT", " PST", " PDT");
   var TzOffset = new Date().getTimezoneOffset();
   var bSummerTime = getSummerTime(03, 2, 1, 11, 1, 1);
   
   if(bSummerTime == true){
     if(TzOffset == 150){ iTz= 1; }
     else if(TzOffset == 180){ iTz= 3; }
     else if(TzOffset == 240){ iTz= 5; } 
     else if(TzOffset == 300){ iTz= 7; }
	 else if(TzOffset == 360){ iTz= 9; }
     else if(TzOffset == 420){ iTz= 11; }	  
    }
   else {
     if(TzOffset == 210){ iTz= 0; }
     else if(TzOffset == 240){ iTz= 2; }
     else if(TzOffset == 300){ iTz= 4; } 
     else if(TzOffset == 360){ iTz= 6; }
	 else if(TzOffset == 420){ iTz= 8; }
     else if(TzOffset == 480){ iTz= 10; }
    }
   
   Tz = arrTZ[iTz];
   return Tz 
 }

function getSummerTime(startMonth, startDay, startWeekNo , endMonth, endDay, endWeekNo) {   
   // Utilise la date courante pour déterminer si celle-ci est l'heure normale ou avancé
   // startMonth et endMonth: les mois de début et de fin de l'heure d'été (de 01 pour janvier à 12 pour décembre)
   // startDay et endDay: le jour de la semaine recherché (de 1 pour dimanche à 7 pour samedi)
   // startWeekNo et endWeekNo: pour l'occurance dans le mois (de 1 à 5)
   // Pour le Canada comme la période d'été est du second(2) dimanche(1) de mars(03) 
   // au premier(1) dimanche(1) de novembre(11)
   // l'appel de la fonction est la suivante: getSummerTime(03, 2, 1, 11, 1, 1)
   var dDate = new Date();
      
   var startMonthString = (startMonth + "/01/" + dDate.getFullYear());
   var startMonthFirstDay = new Date(startMonthString);
   var startMonthSearchDay = ((startWeekNo * 7) + startDay) - startMonthFirstDay.getDay();
   startMonthString = (startMonth + "/" + startMonthSearchDay + "/" + dDate.getFullYear());
   var startMonthDate = new Date(startMonthString);
      
   var endMonthString = (endMonth + "/01/" + dDate.getFullYear());
   var endMonthFirstDay = new Date(endMonthString);
   var endMonthSearchDay = ((endWeekNo * 7) + endDay) - endMonthFirstDay.getDay();
   endMonthString = (endMonth + "/" + endMonthSearchDay + "/" + dDate.getFullYear());
   var endMonthDate = new Date(endMonthString);
      
   return ( dDate >= startMonthDate && dDate < endMonthDate ? true : false )
 }

function showDateTime(form) {
  	eval(form).ActTime.value = getDateTime(0) + Tz;
    setTimeout("showDateTime('" + form + "')", 1000);
 }

function getDateTime(AddHour) {
  var d = new Date();
  var curr_year = d.getFullYear();
  var curr_month = addZero(d.getMonth()+1);
  var curr_day = addZero(d.getDate());
  var curr_hour = addZero(d.getHours()+ AddHour);
  var curr_min = addZero(d.getMinutes());
  var curr_sec = addZero(d.getSeconds());
  return curr_year + "/" + curr_month + "/" + curr_day + " " + curr_hour + ":" + curr_min + ":" + curr_sec;
 }

function addZero(obj) {
  return ( obj<10 ? "0" + obj : obj )
 }

</script>
</head>
<body onLoad="getTimeZone();showDateTime('document.frmTime');">

<form name="frmTime">
  <input type="texte" name="ActTime" value="0" size="30" style="border-style: none; font-family: Verdana; font-size: 15pt; color: #000000; background-color: #ffffff; text-align: left;">
  <p>
  <select name="lstTZ">
   <option value=" NST">NST - Newfoundland Standard Time
   <option value=" NDT">NDT - Newfoundland Daylight Time
   <option value=" AST">AST - Atlantic Standard Time
   <option value=" ADT">ADT - Atlantic Daylight Time
   <option value=" EST">EST - Eastern Standard Time
   <option value=" EDT">EDT - Eastern Daylight Time
   <option value=" CST">CST - Central Standard Time
   <option value=" CDT">CDT - Central Daylight Time
   <option value=" MST">MST - Mountain Standard Time
   <option value=" MDT">MDT - Mountain Daylight Time
   <option value=" PST">PST - Pacific Standard Time
   <option value=" PDT">PDT - Pacific Daylight Time
  </select>
  <p>
  <input type="button" name="btnTZ" id="btnTZ" onClick="javascript:selectTZ(this.form);" value="Cliquer pour afficher votre fuseau horaire">
  
 </form>
</body>
</html>

Conclusion

Ce code a été créé pour le Canada, mais il peux être adapté pour d'autres pays en modifiant la liste de sélection et le array des fuseaux haraires

Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

TZ.htm 4 565 octets

Télécharger le zip

Sources de la même categorie

NOMBRE DE JOURS, MOIS ET ANNÉES DEPUIS LA NAISSANCE par marcenana

CALENDRIER ANNUEL UNIVERSEL AVEC SAINTS DU CALENDRIER ET FÊT... par 007Julien

OBTENIR LE NOMBRE DE JOURS D'UN MOIS SUIVANT SON ANNÉE par hugolegrand

SAINT DU JOUR par tefa24600

NIPCLOCK 1.2 par neep

Toutes les sources de la catégorie Date & Heure

Sources en rapport avec celle ci

AFFICHAGE AGRÉABLE D'UNE DATE DE PUBLICATION (EN ANGLAIS) par olid

Commentaires et avis

Aucun commentaire pour le moment.

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

fonction qui gere le timezone et l'heure d'été heure hiver [ par Phymo2 ] J'ai une fonction qui gere le timezone mais elle ne me donne le decalage horaire que depuis le GMT.Hors avec l'heure d'été , je suis en GMT + 1 mais e

Nos sponsors

Derniers Blogs

IMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg

KINECT 1.5 IS OUT ! par Vko

LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc

REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc

SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg

Forum

RE : CODE POUR FAIRE APPARAîTRE UN TEXTE EN DESSOUS D'UN LIEN par emuleed2k

RE : RéCUPERATION D'UNE VARIABLE DE JAVASCRIPT VIA PHP par smahaneAAI

POPUP OUVERT à PARTIR D'UN IFRAME par mrassaa

UTILISER UN .JS par zaikoe

RE : CODE BUG JAVASCRIPT par zaikoe

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Realisation d-une version 2 d-un site e-commerce existant sous prestashop-REPUBLICATION
Budget : 5 000€
Recherche Infogerance Serveur Debian Linux
Budget : 1 800€
Creation d-un site vitrine avec MagentO
Budget : 2 000€

Logiciels

sDEVIS-FACTURES vlPRO (8.1.0.3)
SDEVIS-FACTURES VLPRO (8.1.0.3)

sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa...

Cliquez pour télécharger sDEVIS-FACTURES vlPRO
974 Application Server (12.2.4.6)
974 APPLICATION SERVER (12.2.4.6)

Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc...

Cliquez pour télécharger 974 Application Server
vPicture (1.4.2.1)
VPICTURE (1.4.2.1)

Avec vPicture, hébergez vos images facilement et rapidement. vPicture est un utilitaire simple, ...

Cliquez pour télécharger vPicture
Easy-Planning (2.2.1.6)
EASY-PLANNING (2.2.1.6)

Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au...

Cliquez pour télécharger Easy-Planning
COM-BACKUP (2.0)
COM-BACKUP (2.0)

COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...

Cliquez pour télécharger COM-BACKUP