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 !

DÉCALAGE HORAIRE (HEURE, MINUTE, SECONDE) PAR PAYS


Information sur la source

Catégorie :Date & Heure Classé sous : heure, fuseau, horaire, décalage, pays Niveau : Débutant Date de création : 19/07/2006 Vu / téléchargé: 26 337 / 319

Note :
9 / 10 - par 1 personne
9,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

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

Description

Ce code permet d'afficher l'heure en temps réel (heure, minute, seconde) par pays - Vous pouvez ajouter autant de pays que vous le souhaitez, les données étant rangées dans un tableau.... Dans le code, en l'occurence, il y en 4 : La France, la Roumanie, l'Inde et la Chine...
 

Source

  • <html>
  • <head>
  • <title>D&eacute;calage horaire par pays</title>
  • <!-- DEBUT DU CODE à placer entre <head> et </head>-->
  • <SCRIPT LANGUAGE="JavaScript">
  • var dd, delai;
  • function debuteTemps(delai1) {
  • /////////////////////////////////////////FRANCE +2///
  • var hfmfsf = "", min, sec;
  • delai = delai1;
  • adate = new Date()
  • hfmfsf += adate.getHours() + (adate.getTimezoneOffset() / 60) + 2;
  • if (hfmfsf>=24){hfmfsf=hfmfsf-24;}
  • if (hfmfsf < 10) hfmfsf = "0" + hfmfsf;
  • min = adate.getMinutes();
  • if (min < 10) hfmfsf += ":0" + min;
  • else hfmfsf += ":" + min;
  • sec = adate.getSeconds();
  • if (sec < 10) hfmfsf += ":0" + sec;
  • else hfmfsf += ":" + sec;
  • hfmfsf = " " + hfmfsf;
  • document.Temps1.heure1.value = hfmfsf;
  • /////////////////////////////////////////ROUMANIE +3///
  • var hrmrsr = "", min, sec;
  • delai = delai1;
  • adate = new Date()
  • hrmrsr += adate.getHours() + (adate.getTimezoneOffset() / 60) + 3;
  • if (hrmrsr>=24){hrmrsr=hrmrsr-24;}
  • if (hrmrsr < 10) hrmrsr = "0" + hrmrsr;
  • min = adate.getMinutes();
  • if (min < 10) hrmrsr += ":0" + min;
  • else hrmrsr += ":" + min;
  • sec = adate.getSeconds();
  • if (sec < 10) hrmrsr += ":0" + sec;
  • else hrmrsr += ":" + sec;
  • hrmrsr = " " + hrmrsr;
  • document.Temps2.heure2.value = hrmrsr;
  • /////////////////////////////////////////CHINE +8///
  • var himisi = "", min, sec;
  • delai = delai1;
  • adate = new Date()
  • himisi += adate.getHours() + (adate.getTimezoneOffset() / 60) + 8;
  • if (himisi>=24){himisi=himisi-24;}
  • if (himisi < 10) himisi = "0" + himisi;
  • min = adate.getMinutes();
  • if (min < 10) himisi += ":0" + min;
  • else himisi += ":" + min;
  • sec = adate.getSeconds();
  • if (sec < 10) himisi += ":0" + sec;
  • else himisi += ":" + sec;
  • himisi = " " + himisi;
  • document.Temps3.heure3.value = himisi;
  • /////////////////////////////////////////INDE +5///
  • var hcmcsc = "", min, sec;
  • delai = delai1;
  • adate = new Date()
  • hcmcsc += adate.getHours() + (adate.getTimezoneOffset() / 60) + 5;
  • if (hcmcsc>=24){hcmcsc=hcmcsc-24;}
  • if (hcmcsc < 10) hcmcsc = "0" + hcmcsc;
  • min = adate.getMinutes();
  • if (min < 10) hcmcsc += ":0" + min;
  • else hcmcsc += ":" + min;
  • sec = adate.getSeconds();
  • if (sec < 10) hcmcsc += ":0" + sec;
  • else hcmcsc += ":" + sec;
  • hcmcsc = " " + hcmcsc;
  • document.Temps4.heure4.value = hcmcsc;
  • /////////////////////////////////////////////////////
  • dd = setTimeout("debuteTemps(delai)",delai1);
  • }
  • </SCRIPT>
  • <!-- FIN DU CODE à placer entre <head> et </head>-->
  • <style type="text/css">
  • <!--
  • body {
  • background-color: #4c4c4c;
  • }
  • .Style1 {
  • font-family: Verdana, Arial, Helvetica, sans-serif;
  • font-size: 10px;
  • color: #CCCCCC;
  • }
  • .Style3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #CCCCCC; }
  • .Style4 {font-size: 9px}
  • -->
  • </style></head>
  • <!-- ATTENTION le <body> est modifié-->
  • <BODY onLoad="debuteTemps(1000)" onUnload="clearTimeout(dd)">
  • <!-- DEBUT DU CODE à placer entre <body> et </body>-->
  • <table width="100" border="0" cellspacing="0" cellpadding="0">
  • <tr>
  • <td width="8%" align="center"><span class="Style3">France</span></td>
  • <td width="34%">&nbsp;</td>
  • <td width="8%" align="center" valign="middle"><span class="Style1"><span class="Style4">&nbsp;Roumanie</span></span></td>
  • <td width="4%"></td>
  • <td width="8%" align="center" valign="middle"><span class="Style3"> Inde </span></td>
  • <td width="4%">&nbsp;</td>
  • <td width="8%" align="center" valign="middle"><span class="Style3">Chine</span></td>
  • </tr>
  • <tr>
  • <td align="left"><form name="Temps1" id="Temps1"><input style="FONT-SIZE: 9px; COLOR: #cccccc; FONT-FAMILY: verdana, helvetica, arial; border:0; BACKGROUND-COLOR: #4c4c4c" name="heure1" type="text" size="9" maxlength="8" />
  • </form></td>
  • <td>&nbsp;</td>
  • <td align="left" valign="middle"><form name="Temps2" id="Temps2">
  • <input style="FONT-SIZE: 9px; COLOR: #cccccc; FONT-FAMILY: verdana, helvetica, arial; border:0; BACKGROUND-COLOR: #4c4c4c" name="heure2" type="text" size="9" maxlength="8" />
  • </form></td>
  • <td></td>
  • <td align="left" valign="middle"><form name="Temps4" id="Temps4">
  • <input style="FONT-SIZE: 9px; COLOR: #cccccc; FONT-FAMILY: verdana, helvetica, arial; border:0; BACKGROUND-COLOR: #4c4c4c" name="heure4" type="text" size="9" maxlength="8" />
  • </form></td>
  • <td>&nbsp;</td>
  • <td align="left" valign="middle"><form name="Temps3" id="Temps3">
  • <input style="FONT-SIZE: 9px; COLOR: #cccccc; FONT-FAMILY: verdana, helvetica, arial; border:0; BACKGROUND-COLOR: #4c4c4c" name="heure3" type="text" size="9" maxlength="8" />
  • </form></td>
  • </tr>
  • </table>
  • <!-- FIN DU CODE à placer entre <body> et </body>-->
  • </body>
  • </html>
<html>
<head>
<title>D&eacute;calage horaire par pays</title>

<!-- DEBUT DU CODE à placer entre <head> et </head>-->
<SCRIPT LANGUAGE="JavaScript"> 
var dd, delai; 
function debuteTemps(delai1) { 

 /////////////////////////////////////////FRANCE +2/// 
 var hfmfsf = "", min, sec; 
delai = delai1; 
adate = new Date() 
 hfmfsf += adate.getHours() + (adate.getTimezoneOffset() / 60) + 2; 
 if (hfmfsf>=24){hfmfsf=hfmfsf-24;} 
 if (hfmfsf < 10) hfmfsf = "0" + hfmfsf; 
 min = adate.getMinutes(); 
 if (min < 10) hfmfsf += ":0" + min; 
 else hfmfsf += ":" + min; 
 sec = adate.getSeconds(); 
 if (sec < 10) hfmfsf += ":0" + sec; 
 else hfmfsf += ":" + sec; 
 hfmfsf = " " + hfmfsf; 
 document.Temps1.heure1.value = hfmfsf;
 
  /////////////////////////////////////////ROUMANIE +3/// 
 var hrmrsr = "", min, sec; 
delai = delai1; 
adate = new Date() 
 hrmrsr += adate.getHours() + (adate.getTimezoneOffset() / 60) + 3; 
 if (hrmrsr>=24){hrmrsr=hrmrsr-24;} 
 if (hrmrsr < 10) hrmrsr = "0" + hrmrsr; 
 min = adate.getMinutes(); 
 if (min < 10) hrmrsr += ":0" + min; 
 else hrmrsr += ":" + min; 
 sec = adate.getSeconds(); 
 if (sec < 10) hrmrsr += ":0" + sec; 
 else hrmrsr += ":" + sec; 
 hrmrsr = " " + hrmrsr; 
 document.Temps2.heure2.value = hrmrsr;
  
   /////////////////////////////////////////CHINE +8/// 
 var himisi = "", min, sec; 
delai = delai1; 
adate = new Date() 
 himisi += adate.getHours() + (adate.getTimezoneOffset() / 60) + 8; 
 if (himisi>=24){himisi=himisi-24;} 
 if (himisi < 10) himisi = "0" + himisi; 
 min = adate.getMinutes(); 
 if (min < 10) himisi += ":0" + min; 
 else himisi += ":" + min; 
 sec = adate.getSeconds(); 
 if (sec < 10) himisi += ":0" + sec; 
 else himisi += ":" + sec; 
 himisi = " " + himisi; 
 document.Temps3.heure3.value = himisi;
 
    /////////////////////////////////////////INDE +5/// 
  var hcmcsc = "", min, sec; 
delai = delai1; 
adate = new Date() 
 hcmcsc += adate.getHours() + (adate.getTimezoneOffset() / 60) + 5; 
 if (hcmcsc>=24){hcmcsc=hcmcsc-24;} 
 if (hcmcsc < 10) hcmcsc = "0" + hcmcsc; 
 min = adate.getMinutes(); 
 if (min < 10) hcmcsc += ":0" + min; 
 else hcmcsc += ":" + min; 
 sec = adate.getSeconds(); 
 if (sec < 10) hcmcsc += ":0" + sec; 
 else hcmcsc += ":" + sec; 
 hcmcsc = " " + hcmcsc; 
 document.Temps4.heure4.value = hcmcsc;
 
   ///////////////////////////////////////////////////// 
 dd = setTimeout("debuteTemps(delai)",delai1); 
 } 
   
 </SCRIPT> 
<!-- FIN DU CODE à placer entre <head> et </head>-->

<style type="text/css">
<!--
body {
	background-color: #4c4c4c;
}
.Style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
}
.Style3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #CCCCCC; }
.Style4 {font-size: 9px}
-->
</style></head>


<!-- ATTENTION le <body> est modifié-->
<BODY onLoad="debuteTemps(1000)" onUnload="clearTimeout(dd)">

<!-- DEBUT DU CODE à placer entre <body> et </body>-->
<table width="100" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="8%" align="center"><span class="Style3">France</span></td>
    <td width="34%">&nbsp;</td>
    <td width="8%" align="center" valign="middle"><span class="Style1"><span class="Style4">&nbsp;Roumanie</span></span></td>
    <td width="4%"></td>
    <td width="8%" align="center" valign="middle"><span class="Style3"> Inde </span></td>
    <td width="4%">&nbsp;</td>
    <td width="8%" align="center" valign="middle"><span class="Style3">Chine</span></td>
  </tr>
  <tr>
  
    <td align="left"><form name="Temps1" id="Temps1"><input style="FONT-SIZE: 9px; COLOR: #cccccc; FONT-FAMILY: verdana, helvetica, arial; border:0;  BACKGROUND-COLOR: #4c4c4c"  name="heure1" type="text" size="9" maxlength="8" />
        </form></td>
    <td>&nbsp;</td>
    <td align="left" valign="middle"><form name="Temps2" id="Temps2">
      <input style="FONT-SIZE: 9px; COLOR: #cccccc; FONT-FAMILY: verdana, helvetica, arial; border:0;  BACKGROUND-COLOR: #4c4c4c"  name="heure2" type="text" size="9" maxlength="8" />
    </form></td>
    <td></td>
    <td align="left" valign="middle"><form name="Temps4" id="Temps4">
      <input style="FONT-SIZE: 9px; COLOR: #cccccc; FONT-FAMILY: verdana, helvetica, arial; border:0;  BACKGROUND-COLOR: #4c4c4c"  name="heure4" type="text" size="9" maxlength="8" />
    </form></td>
    <td>&nbsp;</td>
    <td align="left" valign="middle"><form name="Temps3" id="Temps3">
      <input style="FONT-SIZE: 9px; COLOR: #cccccc; FONT-FAMILY: verdana, helvetica, arial; border:0;  BACKGROUND-COLOR: #4c4c4c"  name="heure3" type="text" size="9" maxlength="8" />
    </form></td>
  </tr>
</table>
<!-- FIN DU CODE à placer entre <body> et </body>-->
</body> 

</html>

Conclusion

Merci de me tenir informer de l'amélioration de ce code : bajou.net@free.fr
 

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 Arto_8000 le 19/07/2006 22:04:12

Le seul problème c'est que ton script ne peut inclure les fuseaux qui sont plus 30 minutes comme le fuseau horaire de Terre-Neuve qui est a plus 30 minutes par rapport a celui de l'Atlantique. Ces fuseaux horaires sont rare, mais il serait bien que ton script puisse les inclure.

Aussi ton code aurait pu etre plus optmiser en regroupant les places ou tu calcules et affiche le temps en une seule fonction.

signaler à un administrateur
Commentaire de kiki2sirom le 25/07/2006 11:12:49

gros problème d'optimisation en effet, étant donné qu'il y a plus de 200 pays dans le monde, on est pas arrivé là avec cette méthode.

cdt

kiki

signaler à un administrateur
Commentaire de bAJ59 le 28/07/2006 09:49:10

C'est clair, vous avez tous les 2 raison... mais je suis pas développeur... Ce site et les commentaires des codes-sourceurs me permettent néanmoins de progresser !

signaler à un administrateur
Commentaire de kiki2sirom le 28/07/2006 10:39:01

ok pas de soucis, mais essaye d'optimiser ... c'est pas très compliqué à faire, et là tu pourras recevoir des remarques constructives.

par contre qq petites remarques sur ton code, au niveau de la syntaxe, pas au niveau de l'optimisation :

* la déclaration d'un DOCTYPE est obligatoire.
* <SCRIPT LANGUAGE="JavaScript">  doit être changé en <script type='text/javascript'> : pour faire simple, l'élément type de la balise script tout comme pour la balise style est obligatoire, si on veut "bien" coder
* l'élément action de la balise form est obligatoire également

C'est bien déjà, y a que ça et c'est pas grand chose au niveau du bon codage : même si ça marche sans tout ça, il faut faire avec ;)

cdt

kiki

signaler à un administrateur
Commentaire de kiki2sirom le 28/07/2006 10:43:19

j'oubliais : au niveau de l'optimisation

* le CSS : pareil déclare le une seule fois et appelle-le dans des input par des : class='texte'...., ce sera amplement plus lisible (pour moi déjà ;)
* faire qu'une seule <form> sera grandement suffisant !
* mais c'est surtout au niveau de ta fonction : passe en paramètres ce dont tu as besoin... et tu n'auras bien q'une seule fonction, avec un seul calcul

cdt

kiki

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

Ecrire l'heure dans une textarea [ par c0nquer ] ::.. SqualL Pow4 ..:: www.SqualLv3x.fr.st &lt;- My siteBonjour a tous , je voudrais savoir si il est possible de mettre l'heure en temps réel dans une Ouvrir un fichier à une heure précise [ par gregolv ] Bonjour,je souhaiterais savoir comment en javascript ouvrir un fichier html à une heure précise.Ex : ouvrir toto.html quand il est 17h15.Merci Afficher Date Heure en cours sur page web [ par charlybegood46 ] Bonjour,Je cherche à afficher la date et l'heure actuelle dans une page web!Merci pour votre aide. Tout est pour le mieux dans le meilleur des mondes Fuseeau horaire ????? [ par SpyBast ] Bonjour,Je cherche,à afficher simultanement,l'heure de Paris et celle de Nouméa(plus 10h).Le site etant consulter par des personnes de Paris et de Nou Verif d'une date et d'une heure [ par Sinse ] Salut! Voila j'ai un truc plutot bizarre qui se passe : j'ai une procedure de verification de date qui marche correctement, dans la meme function je v Une page differente de tel heure à tel heure [ par lavren ] Bonjour, j'ai trovué un script qui permet d'avoir une apge differente pour chaque jour mais jaimerai savoir si on peut faire de meme avec une heure pr listbox dynamique [ par txR_ch ] salutvoilà j'ai un petit problème avec mes listbox..j'ai créé un formulaire pour ajouter des news dans 4 catégories. J'ai donc dans mon formulaire:- 1 déclancher un script à un heure donnée [ par naq2 ] Je soihaiterai déclancher un script (un fonction) à une heure donnée...... et j'aimerai votre aide à ce sujet!En vous remerciant.Pierre. Vérifier le champs "heure" d'un formulaire [ par bcsh ] Bonjour à tous !J'ai besoin d'aide, car je cherche le moyen de controler par javascript si un champ dans lequel il faut insérer une certaine heure res 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

Sondage...

CalendriCode

Décembre 2008
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :



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,390 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é.