date et heure image

akikouyou, astuce, javascript, astuces, java, script, images, date, heure, dates, heures, webmaster, webmastering

Astuces

Javascript

Site

Meta tag

Wallpapers

Livre d'OR | E-mail | Mes autres sites | Partenaires | Devenir partenaires

Ce script va vous permettre de réaliser un menu à l'aide d'images défilant en alternance et ayant chacune un lien différent.

Exemples:

1er Script ( Vous devriez voir la date et l'heure juste au dessus)

Dans la partie HEAD : ---------------------  <SCRIPT LANGUAGE="JavaScript"> /* www.aki.free.fr vous y trouverez des javascripts, des images, des gifs, des wallpapers, tous pour faire de votre site un des plus beau du web. */ i0 = new Image; i1 = new Image; i2 = new Image; i3 = new Image; i4 = new Image; i5 = new Image; i6 = new Image; i7 = new Image; i8 = new Image; i9 = new Image; imgSrc = new Array; imgSrc[0] = 'images/h0.gif'; imgSrc[1] = 'images/h1.gif'; imgSrc[2] = 'images/h2.gif'; imgSrc[3] = 'images/h3.gif'; imgSrc[4] = 'images/h4.gif'; imgSrc[5] = 'images/h5.gif'; imgSrc[6] = 'images/h6.gif'; imgSrc[7] = 'images/h7.gif'; imgSrc[8] = 'images/h8.gif'; imgSrc[9] = 'images/h9.gif'; i0.src = imgSrc[0]; i1.src = imgSrc[1]; i2.src = imgSrc[2]; i3.src = imgSrc[3]; i4.src = imgSrc[4]; i5.src = imgSrc[5]; i6.src = imgSrc[6]; i7.src = imgSrc[7]; i8.src = imgSrc[8]; i9.src = imgSrc[9]; function HeureCheck() { krucial = new Date; heure = krucial.getHours(); min = krucial.getMinutes(); sec = krucial.getSeconds(); jour = krucial.getDate(); mois = krucial.getMonth()+1; annee = krucial.getFullYear(); if (sec < 10) { sec0 = "0"; } else { sec0 = ""; } if (min < 10) { min0 = "0"; } else { min0 = ""; } if (heure < 10) { heure0 = "0"; } else { heure0 = ""; } if (mois < 10) { mois0 = "0"; } else { mois0 = ""; } if (jour < 10) { jour0 = "0"; } else { jour0 = ""; } if (annee < 10) { annee0 = "0"; } else { annee0 = ""; } DinaDate = "" + jour0 + jour + mois0 + mois + annee0 + annee; DinaHeure = heure0 + heure + min0 + min + sec0 + sec; char1h = DinaHeure.charAt(0); document.heure1.src = imgSrc[char1h]; char2h = DinaHeure.charAt(1); document.heure2.src = imgSrc[char2h]; char1m = DinaHeure.charAt(2); document.min1.src = imgSrc[char1m]; char2m = DinaHeure.charAt(3); document.min2.src = imgSrc[char2m]; char1s = DinaHeure.charAt(4); document.sec1.src = imgSrc[char1s]; char2s = DinaHeure.charAt(5); document.sec2.src = imgSrc[char2s]; char1h = DinaDate.charAt(0); document.jour1.src = imgSrc[char1h]; char2h = DinaDate.charAt(1); document.jour2.src = imgSrc[char2h]; char1m = DinaDate.charAt(2); document.mois1.src = imgSrc[char1m]; char2m = DinaDate.charAt(3); document.mois2.src = imgSrc[char2m]; char1s = DinaDate.charAt(4); document.annee1.src = imgSrc[char1s]; char2s = DinaDate.charAt(5); document.annee2.src = imgSrc[char2s]; char3s = DinaDate.charAt(6); document.annee3.src = imgSrc[char3s]; char4s = DinaDate.charAt(7); document.annee4.src = imgSrc[char4s];tempo = setTimeout("HeureCheck()", 1000) } </SCRIPT>  Remplacez votre balise <BODY> actuelle : ---------------------------------------- <BODY onLoad="HeureCheck()" onUnload="clearTimeout(tempo)"> Dans la partie BODY : ---------------------   <TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD><IMG SRC="images/h0.gif" NAME="jour1"><IMG SRC="images/h0.gif" NAME="jour2"><IMG SRC="images/hs.gif"><IMG SRC="images/h0.gif" NAME="mois1"><IMG SRC="images/h0.gif" NAME="mois2"><IMG SRC="images/hs.gif"><IMG SRC="images/h2.gif" NAME="annee1"><IMG SRC="images/h0.gif" NAME="annee2"><IMG SRC="images/h0.gif" NAME="annee3"><IMG SRC="images/h0.gif" NAME="annee4"></TD></TR></TABLE> <TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD><IMG SRC="images/h0.gif" NAME="heure1"><IMG SRC="images/h0.gif" NAME="heure2"><IMG SRC="images/hh.gif"><IMG SRC="images/h0.gif" NAME="min1"><IMG SRC="images/h0.gif" NAME="min2"><IMG SRC="images/hm.gif"><IMG SRC="images/h0.gif" NAME="sec1"><IMG SRC="images/h0.gif" NAME="sec2"></TD></TR></TABLE>

Pour avoir les images en.zip cliquez sur le mot au dessus des images

Affichage