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 !

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

Ajouter un commentaire Commentaires
Messages postés
1
Date d'inscription
mardi 28 août 2007
Statut
Membre
Dernière intervention
29 octobre 2010

Maintenant si tu veux une pendule avec les secondes qui tournent en temps réel juste un copier coller :

<!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
Messages postés
1
Date d'inscription
samedi 8 mars 2008
Statut
Membre
Dernière intervention
29 mai 2008

J'addore!! lol !! facil a instaler, pas long, et pas d'image!! felicitation !!!
Messages postés
2
Date d'inscription
mardi 8 août 2006
Statut
Membre
Dernière intervention
11 juillet 2007

Seulement copier/coller, ca ne fonctionne pas pour moi.

Faut'il changer quelque chose dans le code?
Messages postés
1
Date d'inscription
dimanche 26 septembre 2004
Statut
Membre
Dernière intervention
26 septembre 2004

Merci virtuelkiller, pour ce script.
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
Messages postés
7
Date d'inscription
lundi 10 mai 2004
Statut
Membre
Dernière intervention
14 mai 2004

Merci, c'est intéressant de voir aussi les secondes!!

et pense-tu que nous pouvons mettre aussi le jour de la semaine dans ton script ?!
Afficher les 13 commentaires

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.