1. Accueil
  2. Tous les snippets
  3. Snippets Javascript
  4. Horloge temps reelle sans text box

Horloge temps reelle sans text box

Soyez le premier à donner votre avis sur cette source.

Snippet vu 24 441 fois - Téléchargée 27 fois

Commenter

Contenu du snippet


Source / Exemple : 


<HTML>
<HEAD>
  <TITLE>Une horloge</TITLE>
<STYLE>
.style1 {
  background-color : Black;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 20px;
  font-weight : bold;
  color : White;
  text-align : center;
  width : 250;
}
</STYLE>
<SCRIPT LANGUAGE="Javascript">
function ecritCalque(idCalque,texte)
{
  if (document.all) document.all[idCalque].innerHTML = texte;
  if (document.layers) 
  {
    document.layers[idCalque].document.open();
    document.layers[idCalque].document.write(texte);
    document.layers[idCalque].document.close();
  }
  if (document.getElementById) 
  document.getElementById(idCalque).innerHTML = texte;
}
function creerCalque(idCalque,contenu,top,left,width,height,visibility)
{
  if (document.layers)
  {
    document.layers[idCalque] = new Layer(width);
    document.layers[idCalque].top = top;
    document.layers[idCalque].left = left;
    document.layers[idCalque].width = width;
    document.layers[idCalque].height = height;
    document.layers[idCalque].visibility = visibility;
    document.layers[idCalque].document.open();
    document.layers[idCalque].document.write(contenu);
    document.layers[idCalque].document.close();
  }
  else
  {
    strDiv = "<DIV ID='"+idCalque+"' STYLE='position:absolute;top:"+top+"px;left:"+left+"px;width:"+width+";height:"+height+";visibility:"+visibility+"'>"+contenu+"</DIV>";
    document.body.innerHTML = document.body.innerHTML + strDiv;
  }
}
function horloge(classe,top,left,width,height)
{
  creerCalque('calqueHorloge','',top,left,width,height,'visible');
  horlogeMot(classe);
}
function horlogeMot(classe)
{
  dateAct = new Date();
  heure = dateAct.getHours();
  minute = dateAct.getMinutes();
  seconde = dateAct.getSeconds();
  if (minute < 10) minute = "0" + minute;
  if (seconde < 10) seconde = "0" + seconde;
  base = "<TABLE CELLSPACING=0 CELLPADDING=0 BORDER=0><TR><TD ALIGN='center' CLASS='"+classe+"' NOWRAP>";
  fin = "</TD></TR></TABLE>";
  texte = heure + " : " + minute + " : " + seconde;
  ecritCalque("calqueHorloge",base+texte+fin);
  setTimeout("horlogeMot('"+classe+"')",100);
}
</SCRIPT>
</HEAD>
<BODY onLoad="horloge('style1',100,100,250,30);">

</BODY>
</HTML>

A voir également

S'inscrire maintenant

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.

Du même auteur (Slashgo)