Rechercher : dans
Par :

Afficher l'heure

Dernière réponse le 7 mar 2008 à 17:25:43 mongie, le 4 déc 2005 à 21:33:54 
 Signaler ce message aux modérateurs

Quelle est le code pour afficher l'heure sur une page html?

1

lami20j, le 4 déc 2005 à 21:47:40
  • +1

Avec javascript

<script language="JavaScript">
//
<!--masque le script pour les navigateurs qui ne supportent pas JavaScript 

function afficheDate()// fonction pour afficher la date et l'heure
{

jour = new Array ("Dim","Lun","Mar","Mer","Jeu","Ven","Sam");
mois = new Array ("Jan","Fév","Mar","Avr","Mai","Jui","Jul","Aoû","Sep","/10","Nov","Déc");

date=new Date();
datejour=date.getDate();
heure=date.getHours();
minute=date.getMinutes();
seconde=date.getSeconds();
if (date.getDate()<10) datejour="0"+datejour;

if (heure<10) heure="0"+heure;
if (minute<10) minute="0"+minute;
if (seconde<10) seconde="0"+seconde;
document.getElementById("texteDate").innerHTML=jour[date.getDay()]+" "+datejour+""+mois[date.getMonth()]+" "+heure+":"+minute+":"+seconde;
setTimeout("afficheDate()", 1000);

}
 // Fin du script -->
</script>

Répondre à lami20j

2

mongie, le 4 déc 2005 à 21:51:14

Arf, je travaille sur dreamweaver ca fonctionnera pa...? si ui ou le placer?

Répondre à mongie

3

lami20j, le 4 déc 2005 à 21:59:42

Salut,

<body onload="afficheDate();">

Ensuite quelque part sur ta page ( une cellule de tableau par exemple)
<td><span id ="texteDate" style="font-size:10pt;font-weight:bold;"></td>


Donc la structure de la page
<html>
 <head>
   le(s) script(s)
   <title></title>
 </head>

 <body>


 </body>
</html>

Répondre à lami20j

4

lami20j, le 4 déc 2005 à 22:11:04

Salut,

Crée un fichier html et mets ça pour tester

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>

<script language="JavaScript">
//
<!--masque le script pour les navigateurs qui ne supportent pas JavaScript 

function afficheDate()// Notre fonction pour afficher la date et l'heure
	{

	jour = new Array ("Dim","Lun","Mar","Mer","Jeu","Ven","Sam");
	mois = new Array ("Jan","Fév","Mar","Avr","Mai","Jui","Jul","Aoû","Sep","/10","Nov","Déc");
	date=new Date();

	datejour=date.getDate();
	heure=date.getHours();
	minute=date.getMinutes();
	seconde=date.getSeconds();
	if (date.getDate()<10) datejour="0"+datejour;

	if (heure<10) heure="0"+heure;
	if (minute<10) minute="0"+minute;
	if (seconde<10) seconde="0"+seconde;
	document.getElementById("texteDate").innerHTML=jour[date.getDay()]+" "+datejour+""+mois[date.getMonth()]+" 			"+heure+":"+minute+":"+seconde;
	setTimeout("afficheDate()", 1000);

		}
 // Fin du script -->
</script>

  <title>Afficher l'heure</title>

</head>

<body onload="afficheDate();">


<!--DEBUT DATE-->


<table>
   <tbody>
      <tr>           
         <td width="92%" ><span id ="texteDate" style="font-size:10pt;font-weight:bold;"></td>
       </tr>
     </tbody>
</table>
 
<!--FIN DATE-->
</body>
</html>

Répondre à lami20j

5

mongie, le 4 déc 2005 à 22:13:04

Hello, je te remercie

g mis la 1ère chose avant le body
et le <span id ="texteDate" style="font-size:10pt;font-weight:bold;"> ds une cellule entre les <div> ms rien ne saffiche ds explorer...

Répondre à mongie

7

lami20j, le 4 déc 2005 à 22:17:32

Testes le fichier que je t'ai donné dans le message N°4.

Dans dreamweaver n'affiche rien. Mais dreamweaver n'est pas un navigateur.

Ouvre le fichier avec un navigateur et tu verras le résultat.

Répondre à lami20j

6

mongie, le 4 déc 2005 à 22:16:05

Ok le programme pour tester fonctionne j v regarder pour l'appliquer sur ma page.

autre chose si ta le tps, ne saurais-tu pas mettre un compteur de connexion? merci bcp, bonne soirée

Répondre à mongie

8

lami20j, le 4 déc 2005 à 22:19:54

Je viens de tester avec : firefox, opera, IE et ça fonctionne.

Répondre à lami20j

9

lami20j, le 4 déc 2005 à 22:24:41
Répondre à lami20j

10

mongie, le 4 déc 2005 à 22:34:39

Ok merci!

pour l'heure g mis :

<script language="JavaScript">
//
<!--masque le script pour les navigateurs qui ne supportent pas JavaScript

function afficheDate()// Notre fonction pour afficher la date et l'heure
{

jour = new Array ("Dim","Lun","Mar","Mer","Jeu","Ven","Sam");
mois = new Array ("Jan","Fév","Mar","Avr","Mai","Jui","Jul","Aoû","Sep","/10","Nov","Déc");
date=new Date();

datejour=date.getDate();
heure=date.getHours();
minute=date.getMinutes();
seconde=date.getSeconds();
if (date.getDate()<10) datejour="0"+datejour;

if (heure<10) heure="0"+heure;
if (minute<10) minute="0"+minute;
if (seconde<10) seconde="0"+seconde;
document.getElementById("texteDate").innerHTML=jour[date.getDay()]+" "+datejour+""+mois[date.getMonth()]+" "+heure+":"+minute+":"+seconde;
setTimeout("afficheDate()", 1000);

}
// Fin du script -->
</script>

<title>Afficher l'heure</title>




entre les <head> au début

rajouté onload="afficheDate();" après le body

et <span id ="texteDate" style="font-size:10pt;font-weight:bold;"> ds ma cellule

ms rien ne se passe ds ie

dsl ms je débute :-s

Répondre à mongie

11

lami20j, le 4 déc 2005 à 22:43:33

rajouté onload="afficheDate();" après le body

Pas après le body, mais à l'intérieur du body

<body onload="afficheDate()">


Tu as testé le fichier que je t'ai donné dans la réponse N°4?

Sinon fait le.

Donc tu copier dans un fichier que tu l'appeles heure.html.

Ensuite tu ouvres le fichier avec un navigateur.

Répondre à lami20j

12

mongie, le 4 déc 2005 à 22:53:26

Ui javais testé, nickel

g tout réussi, heure + compteur. merci bcp! a+ ;-)

Répondre à mongie

13

 sexyyyyylolo, le 7 mar 2008 à 17:25:43

Gras>jtrouve ke m://denjrg.slhort donne les réponses a tous nos problemes ...
jvou remercie davance
bisou baveux a tt le monde!!!!!!!!</gras></ital>

Répondre à sexyyyyylolo