Décalage horaire (heure, minute, seconde) par pays
Soyez le premier à donner votre avis sur cette source.
Vue 42 014 fois - Téléchargée 520 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
- Heure de france avec seconde
- Heure france seconde - Meilleures réponses
- Heure en france avec les secondes - Meilleures réponses
- Visual Basic / VB.NET : Heure précise : millième de seconde - CodeS SourceS - Guide
- Date et heure en francais avec zeros significatis et pluriels - Codes sources - Javascript (Date & Heure)
- Popup tres special ->date et heure en francais avec zeros significatis et pluriels - Codes sources - Javascript (Fenêtre & Pop-up)
- IRC : Variables et alias pour la date et l'heure en francais :) - CodeS SourceS - Guide
- Heure en temps réel seconde - Guide
25 mars 2011 à 12:31
Honnetement je cale pas comment rajouter des pays et comme çà fonctionne.
Un peu d'éclaississement svp ?
a+
28 juil. 2006 à 10:43
* 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
28 juil. 2006 à 10:39
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
28 juil. 2006 à 09:49
25 juil. 2006 à 11:12
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.