Décalage horaire (heure, minute, seconde) par pays
Soyez le premier à donner votre avis sur cette source.
Vue 41 722 fois - Téléchargée 509 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...
Merci de me tenir informer de l'amélioration de ce code : bajou.net@free.fr
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%"> </td>
<td width="8%" align="center" valign="middle"><span class="Style1"><span class="Style4"> Roumanie</span></span></td>
<td width="4%"></td>
<td width="8%" align="center" valign="middle"><span class="Style3"> Inde </span></td>
<td width="4%"> </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> </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> </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
- Decalage horaire france roumanie
- Decalage horaire roumanie - Meilleures réponses
- Décalage horaire roumanie france - Meilleures réponses
- Javascript : Timezone/décalage horaire - CodeS SourceS - Guide
- ASP / ASP.NET : Date avec le decalage horaire, - CodeS SourceS - Guide
- Visual Basic / VB.NET : Horloge avec décalage horaire - CodeS SourceS - Guide
- Fonction date() et décalage horaire ✓ - Forum - PHP
- C# / .NET : Fenêtre affichant l'heure pour les fuseaux horaires de france et de thaïland - Guide
Honnetement je cale pas comment rajouter des pays et comme çà fonctionne.
Un peu d'éclaississement svp ?
a+
* 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
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
cdt
kiki
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.