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

Télécharger le projet
Commenter

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
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

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.