Affichage de l'heure sur une page html
Soyez le premier à donner votre avis sur cette source.
Snippet vu 41 052 fois - Téléchargée 27 fois
Contenu du snippet
Affiche l'heure sur une page web !
Il suffit de faire copier/coller !
J'espère que ça vous plait !
Laissez moi vos commentaires !
See you...
VK
Il suffit de faire copier/coller !
Source / Exemple :
<body bgcolor="#ffffff" lang=FR link="#000000" vlink="#000000" class=Normal topmargin=10 text="#000000" onLoad="goforit()">
<font size=2 face="Verdana, Arial, Helvetica, sans-serif" color="#000000"><span id=clock></span>
<script><!--
function getthedate(){
var mydate=new Date()
var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
var cdate="<font size=2 color='#000000' face='Verdana'>"+hours+":"+minutes+":"+seconds+"</font></small>"
if (document.all)
document.all.clock.innerHTML=cdate
else
document.write(cdate)
}
if (!document.all)
getthedate()
function goforit(){
if (document.all)
setInterval("getthedate()",1000)
}
//--></script>
</font>
Conclusion :
J'espère que ça vous plait !
Laissez moi vos commentaires !
See you...
VK
A voir également
- Html heure
- Afficher l'heure html - Meilleures réponses
- Afficher l'heure en javascript - Meilleures réponses
- GTKMM - Affichage/Intégration d'une page HTML ✓ - Forum - C++ & C++ .NET
- Affichage XML via Ajax d'une et une seule balise, dans ma page html ✓ - Forum - Javascript / DHTML
- Affichage d'une page HTML dans un JEditorPane ✓ - Forum - Java
- Appeler un fichier javascript dans une page html - Conseils pratiques - Javascript
- Architecture page html - Conseils pratiques - Javascript
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<TITLE>Heure</TITLE>
<STYLE>
.style1 {
/*le positionnement de la pendule se fait en bas de la page dans le */
/* couleur du fond de la pendule */
background-color : none;
/* Police de caractaire*/
font-family : Arial, Helvetica, sans-serif;
/* Taille de la police de caractaire */
font-size : 20px;
/* Corps de la police de caractaire */
font-weight : bold;
/* couleur de la police de caractaire */
color : #0FF;
/* Allignement du texte */
text-align : center;
/* largeur de la pendule */
width : 150;
}
</STYLE>
<SCRIPT LANGUAGE="Javascript">
//***************** NE PAS TOUCHER **********************
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 = "
"+contenu+"
";
document.body.innerHTML = document.body.innerHTML + strDiv;
}
}
function pendule(classe,top,left,width,height)
{
creerCalque('calquePendule','',top,left,width,height,'visible');
pendulegeMot(classe);
}
function pendulegeMot(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 = "";
fin = "
";
texte = heure + " : " + minute + " : " + seconde;
ecritCalque("calquePendule",base+texte+fin);
setTimeout("pendulegeMot('"+classe+"')",100);
}
//****************************************************************************************
</SCRIPT>
</HEAD>
<!--Positionnement de la pendule-->
</HTML>
Denis
Faut'il changer quelque chose dans le code?
Je ne connais rien en programation. Le copier/coller est super pour moi... Tu viens de me permettre d'avoir l'heure sur mon futur site :) Merciiiiiiii
et pense-tu que nous pouvons mettre aussi le jour de la semaine dans ton script ?!
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.