Décalage horaire (heure, minute, seconde) par pays

Soyez le premier à donner votre avis sur cette source.

Vue 41 573 fois - Téléchargée 506 fois

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 / Exemple :


<html>
<head>
<title>Dé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

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

Messages postés
7
Date d'inscription
mardi 16 juin 2009
Statut
Membre
Dernière intervention
20 janvier 2010

Slt,

Honnetement je cale pas comment rajouter des pays et comme çà fonctionne.

Un peu d'éclaississement svp ?

a+
Messages postés
153
Date d'inscription
mardi 17 août 2004
Statut
Membre
Dernière intervention
23 décembre 2010

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
Messages postés
153
Date d'inscription
mardi 17 août 2004
Statut
Membre
Dernière intervention
23 décembre 2010

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
Messages postés
1
Date d'inscription
dimanche 16 mai 2004
Statut
Membre
Dernière intervention
28 juillet 2006

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 !
Messages postés
153
Date d'inscription
mardi 17 août 2004
Statut
Membre
Dernière intervention
23 décembre 2010

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
Afficher les 6 commentaires

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.