HORLOGE TRIPLE AFFICHAGE au format AM/PM/24H/DST dans trois différents pays:
la FRANCE, les EMIRATS et la THAILANDE en même temps.
Vous pouvez l'utilisez durant votre voyage si vous avez un vol de connection ou dans votre travail
si vous en avez besoin.
Vous pouvez la personnaliser pour trois autres pays si vous le souhaitez.
Le code a été testé sur (Internet Explorer et Mozilla).
Tous ce que vous avez besoin c'est que l'heure de votre OS Windows ou linux soit OK.
Source / Exemple :
/*
You can use this component for free
Realease 2 : Add algoritm to calculate available uniquely into FRANCE
//------------------------------------------------ Global variables
var dos="images/";
var TBOhorlogeParis = new HorlogeClass(60,60,true,"FRANCE");var TBOhorlogeParisTemp = new HorlogeClass(60,60,true,"FRANCE");
var TBOhorlogeDubai = new HorlogeClass(240,0,true,"EMIRATES");var TBOhorlogeDubaiTemp = new HorlogeClass(240,0,true,"EMIRATES");
var TBOhorlogeBangkok = new HorlogeClass(420,0,true,"THAILANDE");var TBOhorlogeBangkokTemp = new HorlogeClass(420,0,true,"THAILANDE");
var passageSWFrance = new HorlogeDSTClass();
passageSWFrance.toCalculateDSTSummer();
passageSWFrance.toCalculateDSTWinter();
//----------------------------------------------- Object
function HorlogeDSTClass(){
//------------------------------------------------ properties
this.dateSummerTime="";
this.dateWinterTime="";
this.toCalculateDSTSummer=function(){
var dateHorlogeDST = new Date();//local time
//algo rechercher date de passage hiver->ete
var i=24;var findSaturday = false;
dateHorlogeDST.setMonth(2);//mois de mars
while(!findSaturday&&(i<=31)){
dateHorlogeDST.setDate(i);
if(dateHorlogeDST.getDay()==0){
findSaturday = true;
dateHorlogeDST.setHours(1);
dateHorlogeDST.setMinutes(0);
dateHorlogeDST.setSeconds(0);
dateHorlogeDST.setMilliseconds(0);
this.dateSummerTime=dateHorlogeDST;
}
i++;
}
}
this.toCalculateDSTWinter=function(){
var dateHorlogeDST = new Date();//local time
//algo rechercher date de passage hiver->ete
var i=24;var findSaturday = false;
dateHorlogeDST.setMonth(9);//mois de octobre
while(!findSaturday&&(i<=31)){
dateHorlogeDST.setDate(i);
if(dateHorlogeDST.getDay()==0){
findSaturday = true;
dateHorlogeDST.setHours(2);
dateHorlogeDST.setMinutes(0);
dateHorlogeDST.setSeconds(0);
dateHorlogeDST.setMilliseconds(0);
this.dateWinterTime=dateHorlogeDST;
//alert('Passage heure été->hiver : '+this.dateWinterTime.getDate()+'/'+(this.dateWinterTime.getMonth()+1)+'/'+this.dateWinterTime.getYear()+' à 3:00 a.m.');
}
i++;
}
}
}
//------------------------------------------------ Object
function HorlogeClass(decalageGMT, decalageDST, displayMode24h, country){
//------------------------------------------------ properties
this.date="";
this.month="";
this.year="";
this.day="";
this.hours="";
this.minutes="";
this.secondes="";
this.amOrPM=displayMode24h;
this.display="24h";
this.dGMT=decalageGMT;
this.dDST=decalageDST;
this.myCountry=country;
//------------------------------------------------ methods
this.toCalculate=function(){
var dateHorloge = new Date();//local time
//****************************changement passage heure été ou hiver pour le pays : FRANCE*******************************************
if(this.myCountry=='FRANCE'){
if((dateHorloge.getTime()>passageSWFrance.dateSummerTime.getTime())&&(dateHorloge.getTime()<passageSWFrance.dateWinterTime.getTime())){
dateHorloge.setTime(dateHorloge.getTime()+dateHorloge.getTimezoneOffset()*60*1000+this.dGMT*60*1000+this.dDST*60*1000);//heure GMT+1+1
}
else{
dateHorloge.setTime(dateHorloge.getTime()+dateHorloge.getTimezoneOffset()*60*1000+this.dGMT*60*1000);//heure GMT+1
}
}
else{
dateHorloge.setTime(dateHorloge.getTime()+dateHorloge.getTimezoneOffset()*60*1000+this.dGMT*60*1000+this.dDST*60*1000);
}
this.date=this.toFormat(dateHorloge.getDate());
this.month=this.toFormat(dateHorloge.getMonth()+1);
this.year = ((dateHorloge.getYear()<999)?(dateHorloge.getYear()+1900)+" ":dateHorloge.getYear()+" ");
this.day = dateHorloge.getDay();
this.hours=((this.amOrPM)?this.toFormat(dateHorloge.getHours()):this.toFormat(this.toAMorPM(dateHorloge.getHours())));
this.minutes=this.toFormat(dateHorloge.getMinutes());
this.secondes=this.toFormat(dateHorloge.getSeconds());
}
this.toFormat=function(arg0) {
arg0=((arg0<10)?"0"+arg0+" ":arg0+" ");
return arg0;
}
this.toCopy=function(arg1){
this.date = arg1.date;
this.month = arg1.month;
this.year = arg1.year;
this.day = arg1.day;
this.hours=arg1.hours;
this.minutes=arg1.minutes;
this.secondes=arg1.secondes;
this.amOrPM=arg1.amOrPM;
this.display=arg1.display;
}
this.toAMorPM=function(arg2){
this.display=((arg2<12)?"am":"pm");
if(arg2>12){arg2=arg2-12;}else if(arg2==0){arg2=12;}
return arg2;
}
}
//------------------------------------------------ Main Programm
function changer_jjs() {
TBOhorlogeParis.toCalculate();
TBOhorlogeDubai.toCalculate();
TBOhorlogeBangkok.toCalculate();
//-------------------------------------------------------------Horloge 1
if(TBOhorlogeParisTemp.hours.charAt(0)!=TBOhorlogeParis.hours.charAt(0))document.im1.src = dos+TBOhorlogeParis.hours.charAt(0)+".gif";
if(TBOhorlogeParisTemp.hours.charAt(1)!=TBOhorlogeParis.hours.charAt(1))document.im2.src = dos+TBOhorlogeParis.hours.charAt(1)+".gif";
if(TBOhorlogeParisTemp.minutes.charAt(0)!=TBOhorlogeParis.minutes.charAt(0))document.im3.src = dos+TBOhorlogeParis.minutes.charAt(0)+".gif";
if(TBOhorlogeParisTemp.minutes.charAt(1)!=TBOhorlogeParis.minutes.charAt(1))document.im4.src = dos+TBOhorlogeParis.minutes.charAt(1)+".gif";
if(TBOhorlogeParisTemp.secondes.charAt(0)!=TBOhorlogeParis.secondes.charAt(0))document.im5.src = dos+TBOhorlogeParis.secondes.charAt(0)+"s.gif";
if(TBOhorlogeParisTemp.secondes.charAt(1)!=TBOhorlogeParis.secondes.charAt(1))document.im6.src = dos+TBOhorlogeParis.secondes.charAt(1)+"s.gif";
if(TBOhorlogeParisTemp.date.charAt(0)!=TBOhorlogeParis.date.charAt(0))document.im19.src = dos+TBOhorlogeParis.date.charAt(0)+"d.gif";
if(TBOhorlogeParisTemp.date.charAt(1)!=TBOhorlogeParis.date.charAt(1))document.im20.src = dos+TBOhorlogeParis.date.charAt(1)+"d.gif";
if(TBOhorlogeParisTemp.month.charAt(0)!=TBOhorlogeParis.month.charAt(0))document.im21.src = dos+TBOhorlogeParis.month.charAt(0)+"d.gif";
if(TBOhorlogeParisTemp.month.charAt(1)!=TBOhorlogeParis.month.charAt(1))document.im22.src = dos+TBOhorlogeParis.month.charAt(1)+"d.gif";
if(TBOhorlogeParisTemp.year.charAt(0)!=TBOhorlogeParis.year.charAt(0))document.im23.src = dos+TBOhorlogeParis.year.charAt(0)+"d.gif";
if(TBOhorlogeParisTemp.year.charAt(1)!=TBOhorlogeParis.year.charAt(1))document.im24.src = dos+TBOhorlogeParis.year.charAt(1)+"d.gif";
if(TBOhorlogeParisTemp.year.charAt(2)!=TBOhorlogeParis.year.charAt(2))document.im25.src = dos+TBOhorlogeParis.year.charAt(2)+"d.gif";
if(TBOhorlogeParisTemp.year.charAt(3)!=TBOhorlogeParis.year.charAt(3))document.im26.src = dos+TBOhorlogeParis.year.charAt(3)+"d.gif";
if(TBOhorlogeParisTemp.day!=TBOhorlogeParis.day)document.im27.src = dos+TBOhorlogeParis.day+"j.gif";
if(TBOhorlogeParisTemp.display!=TBOhorlogeParis.display)document.im46.src = dos+TBOhorlogeParis.display+".gif";
//--------------------------------------------------------Horloge 2
if(TBOhorlogeDubaiTemp.hours.charAt(0)!=TBOhorlogeDubai.hours.charAt(0))document.im7.src = dos+TBOhorlogeDubai.hours.charAt(0)+".gif";
if(TBOhorlogeDubaiTemp.hours.charAt(1)!=TBOhorlogeDubai.hours.charAt(1))document.im8.src = dos+TBOhorlogeDubai.hours.charAt(1)+".gif";
if(TBOhorlogeDubaiTemp.minutes.charAt(0)!=TBOhorlogeDubai.minutes.charAt(0))document.im9.src = dos+TBOhorlogeDubai.minutes.charAt(0)+".gif";
if(TBOhorlogeDubaiTemp.minutes.charAt(1)!=TBOhorlogeDubai.minutes.charAt(1))document.im10.src = dos+TBOhorlogeDubai.minutes.charAt(1)+".gif";
if(TBOhorlogeDubaiTemp.secondes.charAt(0)!=TBOhorlogeDubai.secondes.charAt(0))document.im11.src = dos+TBOhorlogeDubai.secondes.charAt(0)+"s.gif";
if(TBOhorlogeDubaiTemp.secondes.charAt(1)!=TBOhorlogeDubai.secondes.charAt(1))document.im12.src = dos+TBOhorlogeDubai.secondes.charAt(1)+"s.gif";
if(TBOhorlogeDubaiTemp.date.charAt(0)!=TBOhorlogeDubai.date.charAt(0))document.im28.src = dos+TBOhorlogeDubai.date.charAt(0)+"d.gif";
if(TBOhorlogeDubaiTemp.date.charAt(1)!=TBOhorlogeDubai.date.charAt(1))document.im29.src = dos+TBOhorlogeDubai.date.charAt(1)+"d.gif";
if(TBOhorlogeDubaiTemp.month.charAt(0)!=TBOhorlogeDubai.month.charAt(0))document.im30.src = dos+TBOhorlogeDubai.month.charAt(0)+"d.gif";
if(TBOhorlogeDubaiTemp.month.charAt(1)!=TBOhorlogeDubai.month.charAt(1))document.im31.src = dos+TBOhorlogeDubai.month.charAt(1)+"d.gif";
if(TBOhorlogeDubaiTemp.year.charAt(0)!=TBOhorlogeDubai.year.charAt(0))document.im32.src = dos+TBOhorlogeDubai.year.charAt(0)+"d.gif";
if(TBOhorlogeDubaiTemp.year.charAt(1)!=TBOhorlogeDubai.year.charAt(1))document.im33.src = dos+TBOhorlogeDubai.year.charAt(1)+"d.gif";
if(TBOhorlogeDubaiTemp.year.charAt(2)!=TBOhorlogeDubai.year.charAt(2))document.im34.src = dos+TBOhorlogeDubai.year.charAt(2)+"d.gif";
if(TBOhorlogeDubaiTemp.year.charAt(3)!=TBOhorlogeDubai.year.charAt(3))document.im35.src = dos+TBOhorlogeDubai.year.charAt(3)+"d.gif";
if(TBOhorlogeDubaiTemp.day!=TBOhorlogeDubai.day)document.im36.src = dos+TBOhorlogeDubai.day+"j.gif";
if(TBOhorlogeDubaiTemp.display!=TBOhorlogeDubai.display)document.im47.src = dos+TBOhorlogeDubai.display+".gif";
//-------------------------------------------------------Horloge 3
if(TBOhorlogeBangkokTemp.hours.charAt(0)!=TBOhorlogeBangkok.hours.charAt(0))document.im13.src = dos+TBOhorlogeBangkok.hours.charAt(0)+".gif";
if(TBOhorlogeBangkokTemp.hours.charAt(1)!=TBOhorlogeBangkok.hours.charAt(1))document.im14.src = dos+TBOhorlogeBangkok.hours.charAt(1)+".gif";
if(TBOhorlogeBangkokTemp.minutes.charAt(0)!=TBOhorlogeBangkok.minutes.charAt(0))document.im15.src = dos+TBOhorlogeBangkok.minutes.charAt(0)+".gif";
if(TBOhorlogeBangkokTemp.minutes.charAt(1)!=TBOhorlogeBangkok.minutes.charAt(1))document.im16.src = dos+TBOhorlogeBangkok.minutes.charAt(1)+".gif";
if(TBOhorlogeBangkokTemp.secondes.charAt(0)!=TBOhorlogeBangkok.secondes.charAt(0))document.im17.src = dos+TBOhorlogeBangkok.secondes.charAt(0)+"s.gif";
if(TBOhorlogeBangkokTemp.secondes.charAt(1)!=TBOhorlogeBangkok.secondes.charAt(1))document.im18.src = dos+TBOhorlogeBangkok.secondes.charAt(1)+"s.gif";
if(TBOhorlogeBangkokTemp.date.charAt(0)!=TBOhorlogeBangkok.date.charAt(0))document.im37.src = dos+TBOhorlogeBangkok.date.charAt(0)+"d.gif";
if(TBOhorlogeBangkokTemp.date.charAt(1)!=TBOhorlogeBangkok.date.charAt(1))document.im38.src = dos+TBOhorlogeBangkok.date.charAt(1)+"d.gif";
if(TBOhorlogeBangkokTemp.month.charAt(0)!=TBOhorlogeBangkok.month.charAt(0))document.im39.src = dos+TBOhorlogeBangkok.month.charAt(0)+"d.gif";
if(TBOhorlogeBangkokTemp.month.charAt(1)!=TBOhorlogeBangkok.month.charAt(1))document.im40.src = dos+TBOhorlogeBangkok.month.charAt(1)+"d.gif";
if(TBOhorlogeBangkokTemp.year.charAt(0)!=TBOhorlogeBangkok.year.charAt(0))document.im41.src = dos+TBOhorlogeBangkok.year.charAt(0)+"d.gif";
if(TBOhorlogeBangkokTemp.year.charAt(1)!=TBOhorlogeBangkok.year.charAt(1))document.im42.src = dos+TBOhorlogeBangkok.year.charAt(1)+"d.gif";
if(TBOhorlogeBangkokTemp.year.charAt(2)!=TBOhorlogeBangkok.year.charAt(2))document.im43.src = dos+TBOhorlogeBangkok.year.charAt(2)+"d.gif";
if(TBOhorlogeBangkokTemp.year.charAt(3)!=TBOhorlogeBangkok.year.charAt(3))document.im44.src = dos+TBOhorlogeBangkok.year.charAt(3)+"d.gif";
if(TBOhorlogeBangkokTemp.day!=TBOhorlogeBangkok.day)document.im45.src = dos+TBOhorlogeBangkok.day+"j.gif";
if(TBOhorlogeBangkokTemp.display!=TBOhorlogeBangkok.display)document.im48.src = dos+TBOhorlogeBangkok.display+".gif";
TBOhorlogeParisTemp.toCopy(TBOhorlogeParis);
TBOhorlogeDubaiTemp.toCopy(TBOhorlogeDubai);
TBOhorlogeBangkokTemp.toCopy(TBOhorlogeBangkok);
setTimeout("changer_jjs()", 1000);
}
Conclusion :
A NOTER :
Le code effectue le rechargement des images affichées s'il y'a eu un changement de date, de minutes ou de seconde pour chaque horloge.
Le code permet de ne pas recharger l'ensemble des images affichés par les horloges depuis le serveur toutes les secondes.
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.