l'heure dans le monde

L'heure dans le monde

Télécharger ici le script ( 2 KO )

1 - Copiez et collez entre les balises <head> et </head> :

<SCRIPT LANGUAGE="JavaScript"><!-- Begin
var timerRunning = false;
var timezone = "Greenwich Mean Time"; // Dans quelle zone vous trouvez vous ?
var adjust = 1;

function timeCheck(tzone, diff) {
if (timerRunning) {
clearTimeout(updatetime);
timerRunning = false; }
gmtOffset=eval(diff+adjust);
timezone = tzone;
checkDateTime();
}

function checkDateTime () {
var today = new Date();
var year = today.getYear() + 0;
var month = today.getMonth()+1;
var date = today.getDate();
var day = today.getDay();
var hour = today.getHours();
var minute = today.getMinutes();
var second = today.getSeconds();

var lastSat = date - (day+1);
while (lastSat < 32) lastSat+=7;
if (lastSat > 31) lastSat+=-7;
var firstSat = date - (day+1);
while (firstSat > 0) firstSat+=-7;
if (firstSat < 1) firstSat+=7;
if ((((month == 4) && (date >= firstSat)) || month > 4) &&
(month < 11 || ((month == 10) && day <= lastSat))) adjust += 60;
yourOffset = (new Date()).getTimezoneOffset();
yourOffset = yourOffset + adjust;

var xx = navigator.appName
var xy = navigator.appVersion;
xy = xy.substring(0,1);
if ((xy == 4) && (xx == "Netscape")) yourOffset = yourOffset+adjust;
if ((((month == 4) && (date > 20)) || month > 4) && (month < 11 || ((month == 10) &&
day < 30))) adjust -= 60;

ourDifference = eval(gmtOffset - yourOffset);
var half = eval(ourDifference % 60);
ourDifference = Math.round(ourDifference / 60);
hour = eval(hour - ourDifference);
var m = new Array("",
"Janvier","Fevrier","Mars",
"Avril","Mai","Juin",
"Juillet","Aout","Septembre",
"Octobre","Novembre","Decembre");
var leap = eval(year % 4);

if ((half == -30) || (half == 30)) minute += 30;
if (minute > 59) minute -= 60, hour++;
if (minute < 0) minute += 60, hour--;
if (hour > 23) hour -= 24, date += 1;
if (((month == 4) || (month == 6) ||
(month == 9) || (month == 11)) && (date==31)) date = 1, month ++;
if (((month == 2) && (date > 28)) && (leap != 0)) date = 1, month ++;
if ((month == 2) && (date > 29)) date = 1, month++;
if (hour < 0) hour += 24, date --;
if ((date == 32) && (month == 12)) month = m[1], date = 1, year++;
if (date == 32) date = 1, month++;
if ((date < 1) && (month == 1)) month= m[12], date = 31, year--;
if (date < 1) date = 31, month --;
if (((month == 4) || (month == 6) ||
(month== 9) || (month == 11)) && (date == 31)) date = 30;
if ((month == 2) && (date > 28)) date = 29;
if (((month == 2) && (date > 28)) && (leap != 0)) date=28;
for (i=1; i<13; i++) {
if (month == i) {
month = m[i]; break;
}
}

var dateTime = hour;
dateTime = ((dateTime < 10) ? "0":"") + dateTime;
dateTime = " " + dateTime;
dateTime += ((minute < 10) ? ":0" : ":") + minute;
dateTime += ((second < 10) ? ":0" : ":") + second;
dateTime += (hour >= 12) ? " PM, " : " AM, ";
dateTime += month + " " + date + ", " + year;

document.clock.zonetime.value = dateTime;
document.clock.zonename.value = timezone;
updatetime=setTimeout("checkDateTime()", 900);
timerRunning = true;
}
// End -->
</SCRIPT>

2 - Copiez et collez dans le tag du <body> à la suite de ce qui s'y trouve déjà et avant le dernier > :

3 - Copiez et collez entre les balises <body> et </body> où bon vous semble :

<h2 align="center">L'heure dans le monde</h2>
<form name="clock" method="post">
<p align="center"><input type="text" name="zonetime" size="31" style="font-family:Verdana; font-style:normal; font-weight:bold; font-size:15px; color:red; text-align:center; background-color:rgb(102,204,153); background-image:url('../../images/fond1.gif'); margin:0px; padding:0px; border-width:0px; border-color:black; border-style:none;"><br>
<br> <b>Heure courante</b><br> <input type="text" name="zonename" size="21" style="text-align:center; background-color:rgb(102,204,153);"><br>
<br>
<div align="center"><table border="2" cellpadding="10">
    <tr>
        <td align="center"><p><input type="button" name="Bouton" value="Pacifique"
             onclick="timeCheck(this.value, +480)"></td>
        <td align="center"><p><input type="button" name="Bouton" value="Central"
             onclick="timeCheck(this.value, +420)"></td>
        <td align="center"><p><input type="button" name="Bouton" value="Moyen Orient"
             onclick="timeCheck(this.value, +300)"></td>
    </tr>
    <tr>
        <td align="center"><p><input type="button" name="Bouton" value="Hawaii"
             onclick="timeCheck(this.value, +600)"></td>
        <td align="center"><p><input type="button" name="Bouton" value="Mexico"
             onclick="timeCheck(this.value, +360)"></td>
        <td align="center"><p><input type="button" name="Bouton" value="New Delhi"
             onclick="timeCheck(this.value, -330)"></td>
    </tr>
    <tr>
        <td align="center"><p><input type="button" name="Bouton" value="Hong Kong"
             onclick="timeCheck(this.value, -480)"></td>
        <td align="center"><p><input type="button" name="Bouton" value="Tokyo"
             onclick="timeCheck(this.value, -540)"></td>
        <td align="center"><p><input type="button" name="Bouton" value="Londre"
             onclick="timeCheck(this.value, +0)"></td>
    </tr>
</table></div></form>