<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
</head>

<body>
<div>
  <ol>
    <li>
      <div>// JavaScript Document</div>
    </li>
    <li>
      <div>// Script cr&eacute;&eacute; par le webmaster de http://cust.er.free.fr</div>
    </li>
    <li>
      <div>&nbsp;</div>
    </li>
    <li>
      <div>// Initialise la fonction rafraichir qui a pour but de rafraichier la date toutes les secondes</div>
    </li>
    <li>
      <div>function rafraichir()</div>
    </li>
    <li>
      <div>{</div>
    </li>
    <li>
      <div>// On initialise la variable text dans laquelle on affichera la date</div>
    </li>
    <li>
      <div>var text = '';</div>
    </li>
    <li>
      <div>&nbsp;</div>
    </li>
    <li>
      <div>// On initialise la fonction date qui nous servira a afficher les caract&eacute;ristiques de la date (jour, mois, heure ...)</div>
    </li>
    <li>
      <div>var date = new Date();</div>
    </li>
    <li>
      <div>&nbsp;</div>
    </li>
    <li>
      <div>/* Fonction ' JOUR SEMAINE ' */</div>
    </li>
    <li>
      <div>// Le jour de la semaine sera affich&eacute; de la fa&ccedil;on : Lundi.</div>
    </li>
    <li>
      <div>var jour_actuel = date.getDay();</div>
    </li>
    <li>
      <div>var chaine_jour = Array('Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi');</div>
    </li>
    <li>
      <div>&nbsp; var jour_semaine = chaine_jour[jour_actuel];</div>
    </li>
    <li>
      <div>&nbsp;</div>
    </li>
    <li>
      <div>/* Fonction ' JOUR ' */</div>
    </li>
    <li>
      <div>// Le jour sera affich&eacute; de fa&ccedil;on 20.</div>
    </li>
    <li>
      <div>// Pour les jours de 1 a 9, on affichera donc un '0' devant.</div>
    </li>
    <li>
      <div>if ( date.getDate() &lt;= 9 )</div>
    </li>
    <li>
      <div>&nbsp;{</div>
    </li>
    <li>
      <div>&nbsp; var jour = '0'+date.getDate();</div>
    </li>
    <li>
      <div>&nbsp;}</div>
    </li>
    <li>
      <div>else</div>
    </li>
    <li>
      <div>&nbsp;{</div>
    </li>
    <li>
      <div>&nbsp; var jour = date.getDate();</div>
    </li>
    <li>
      <div>&nbsp;}</div>
    </li>
    <li>
      <div>&nbsp;</div>
    </li>
    <li>
      <div>/* Fonction ' MOIS ' */</div>
    </li>
    <li>
      <div>var mois_actuel = date.getMonth();</div>
    </li>
    <li>
      <div>var chaine_mois = Array('janvier', 'f&amp;eacute;vrier', 'mars', 'avril', 'mai', 'juin',</div>
    </li>
    <li>
      <div>&nbsp; &nbsp; &nbsp; &nbsp; 'juillet', 'ao&amp;ucirc;t', 'septembre', 'octobre', 'novembre', 'd&amp;eacute;cembre');</div>
    </li>
    <li>
      <div>&nbsp; var mois = chaine_mois[mois_actuel];</div>
    </li>
    <li>
      <div>&nbsp;</div>
    </li>
    <li>
      <div>&nbsp;</div>
    </li>
    <li>
      <div>/* Fonction ' HEURES ' */</div>
    </li>
    <li>
      <div>if ( date.getHours() &lt;= 9 )</div>
    </li>
    <li>
      <div>&nbsp;{</div>
    </li>
    <li>
      <div>&nbsp; var heure = '0'+date.getHours();</div>
    </li>
    <li>
      <div>&nbsp;}</div>
    </li>
    <li>
      <div>else</div>
    </li>
    <li>
      <div>&nbsp;{</div>
    </li>
    <li>
      <div>&nbsp; var heure = date.getHours();</div>
    </li>
    <li>
      <div>&nbsp;}</div>
    </li>
    <li>
      <div>&nbsp;</div>
    </li>
    <li>
      <div>/* Fonction ' MINUTES ' */</div>
    </li>
    <li>
      <div>if ( date.getMinutes() &lt;= 9 )</div>
    </li>
    <li>
      <div>&nbsp;{</div>
    </li>
    <li>
      <div>&nbsp; var minutes = '0'+date.getMinutes();</div>
    </li>
    <li>
      <div>&nbsp;}</div>
    </li>
    <li>
      <div>else</div>
    </li>
    <li>
      <div>&nbsp;{</div>
    </li>
    <li>
      <div>&nbsp; var minutes = date.getMinutes();</div>
    </li>
    <li>
      <div>&nbsp;}</div>
    </li>
    <li>
      <div>&nbsp;</div>
    </li>
    <li>
      <div>/* Fonction ' SECONDES ' */</div>
    </li>
    <li>
      <div>if ( date.getSeconds() &lt;= 9 )</div>
    </li>
    <li>
      <div>&nbsp;{</div>
    </li>
    <li>
      <div>&nbsp; var secondes = '0'+date.getSeconds();</div>
    </li>
    <li>
      <div>&nbsp;}</div>
    </li>
    <li>
      <div>else</div>
    </li>
    <li>
      <div>&nbsp;{</div>
    </li>
    <li>
      <div>&nbsp; var secondes = date.getSeconds();</div>
    </li>
    <li>
      <div>&nbsp;}</div>
    </li>
    <li>
      <div>&nbsp;</div>
    </li>
    <li>
      <div>// On pr&eacute;pare l'affichage de la date et de l'heure</div>
    </li>
    <li>
      <div>text += &nbsp;jour_semaine+' '+jour+' '+mois+' '+date.getFullYear();</div>
    </li>
    <li>
      <div>text += ' - ';</div>
    </li>
    <li>
      <div>text += &nbsp;heure+':'+minutes+':'+secondes;</div>
    </li>
    <li>
      <div>&nbsp;</div>
    </li>
    <li>
      <div>// On indique que cette date sera affich&eacute;e dans une balise dont l'&quot;id&quot; est &quot;affiche_date&quot;</div>
    </li>
    <li>
      <div>document.getElementById('affiche_date').innerHTML = text;</div>
    </li>
    <li>
      <div>}</div>
    </li>
    <li>
      <div>// On &eacute;crit la balise dons l'id est &quot;affiche_date&quot;</div>
    </li>
    <li>
      <div>// On peut aussi choisir une autre balise HTML !</div>
    </li>
    <li>
      <div>document.write('&lt;p id=&quot;affiche_date&quot;&gt;&lt;/p&gt;');</div>
    </li>
    <li>
      <div>&nbsp;</div>
    </li>
    <li>
      <div>// Enfin, on rafraichi la fonction &quot;rafraichir&quot; toutes les secondes.</div>
    </li>
    <li>
      <div>setInterval('rafraichir()',1000);</div>
    </li>
    <li>
      <div>&nbsp;</div>
    </li>
    <li>
      <div>/* -- -- -- FIN -- -- -- */</div>
    </li>
  </ol>
</div>
</body>
</html>
