Afficher l'heure

Résolu/Fermé
quelle est le code pour afficher l'heure sur une page html?

12 réponses

  • Votes
  • Date
  • Date décroissante
  1. voilà aussi un autre code pour l'affichage de l'heure dynamique en visitant la page
    <html>
    <title>Affichage dynamique de l'heure</title>
    <script type="text/javascript">

    function affichage()
    {
    temps= new Date();
    afficher = showFilled(temps.getHours())+ ":" + showFilled(temps.getMinutes()) + ":" + showFilled(temps.getSeconds());
    document.all.heure.innerHTML = afficher;

    setTimeout("affichage()",1000);
    }
    function showFilled(Value)
    {
    return (Value > 9) ? "" + Value : "0" + Value;
    }

    </script>
    <body onload="affichage()">
    <p id="heure"></p>
    </body>
    </html>
    1. Modérateur
      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>
      1. arf, je travaille sur dreamweaver ca fonctionnera pa...? si ui ou le placer?
        1. Modérateur
          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>
      2. Modérateur
        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>
        1. 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...
          1. Modérateur
            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.
        2. 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
          1. Modérateur
            Je viens de tester avec : firefox, opera, IE et ça fonctionne.
        3. 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
          1. Modérateur
            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.
            1. 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>
              1. <?php
                // Enregistrons les informations de date dans des variables

                $jour = date('d');
                $mois = date('m');
                $annee = date('Y');

                $heure = date('H');
                $minute = date('i');

                // Maintenant on peut afficher ce qu'on a recueilli
                echo ' Vous ete entré dans ce site le : <br/> ' . $jour . '/' . $mois . '/' . $annee . ' et à ' . $heure. ' h ' . $minute . ' min ' ;
                ?>