Affichage de l'heure sur une page html
Soyez le premier à donner votre avis sur cette source.
Snippet vu 43 421 fois - Téléchargée 29 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
- Heure html
- Html heure - Meilleures réponses
- Heure page - Meilleures réponses
- Javascript : Compteur à rebours secondes, minutes et heures dhtml(javascript+html) selon somm - Guide
- Tableau html php - Conseils pratiques - PHP
- Exemple de page d'accueil html et css ✓ - Forum - Graphisme/design
- Architecture html - Conseils pratiques - Javascript
- Exemple page d'authentification html css - Conseils pratiques - PHP
29 oct. 2010 à 21:16
<!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
29 mai 2008 à 12:57
11 juil. 2007 à 02:15
Faut'il changer quelque chose dans le code?
26 sept. 2004 à 18:15
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
14 mai 2004 à 16:26
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.