Formats the current hour and displays it in a static or dynamic way : Time « Development




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<HTML>



  <HEAD>

    <TITLE>JsLib 1.3 - Exemple - heure.js</TITLE>

    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

    <META NAME="Author" CONTENT="Etienne CHEVILLARD">

    <!-- heure.js -->

    <SCRIPT TYPE="text/javascript" LANGUAGE="Javascript">

/* heure.js

 * Role : formate l'heure courante et l'affiche de maniere statique ou dynamique

 * Projet : JsLib

 * Auteur : Etienne CHEVILLARD (echevillard@users.sourceforge.net)

 * Version : 1.3

 * Creation : 24/04/2001

 * Mise a jour : 23/02/2005

 */



// --- Variables globales ---



// variables pour la mise a jour dynamique

var heure_champ;

var heure_timeout;



// --- Fonctions ---



// active la mise a jour dynamique de l'heure pour le champ specifie

function chargerHeureDyna(champ) {

  if (champ)

    heure_champ=eval(champ);

  heure_champ.value=heureCour();

  heure_timeout=window.setTimeout("chargerHeureDyna()", 1000);

  return true;

} // fin chargerHeureDyna(champ)



// desactive la mise a jour dynamique de l'heure precedemment activee

function dechargerHeureDyna() {

  window.clearTimeout(heure_timeout);

  return true;

} // fin dechargerHeureDyna()



// retourne l'heure courante au format HH:MM:SS

function heureCour() {

  var h_date=new Date();

  var h_h=h_date.getHours();

  var h_m=h_date.getMinutes();

  var h_s=h_date.getSeconds();

  if (h_s<10) h_s="0"+h_s;

  if (h_m<10) h_m="0"+h_m;

  return (h_h+":"+h_m+":"+h_s);

} // fin heureCour()



// retourne l'heure courante en abrege, au format HH:MM

function heureCourAbr() {

  var h_date=new Date();

  var h_h=h_date.getHours();

  var h_m=h_date.getMinutes();

  if (h_m<10) h_m="0"+h_m;

  return (h_h+":"+h_m);

} // fin heureCourAbr()



// retourne l'heure courante au format HH:MM am/pm

function heureCourAMPM() {

  var h_date=new Date();

  var h_h=h_date.getHours();

  var h_m=h_date.getMinutes();

  if (h_m<10) h_m="0"+h_m;

  var h_ampm="am";

  if (h_h>11)

    h_ampm="pm";

  if (h_h>12)

    h_h-=12;

  return (h_h+":"+h_m+" "+h_ampm);

} // fin heureCourAMPM()



// retourne l'heure courante au format HH heure(s) MM

function heureCourLng() {

  var h_date=new Date();

  var h_h=h_date.getHours();

  var h_m=h_date.getMinutes();

  if (h_m<10) h_m="0"+h_m;

  if (h_m<1) h_m="";

  else h_m=" "+h_m;

  if (h_h>1) return (h_h+" heures"+h_m);

  else return (h_h+" heure"+h_m);

} // fin heureCourLng()



    </SCRIPT>

  </HEAD>



  <BODY onLoad="chargerHeureDyna('document.f.t')"

    onUnload="dechargerHeureDyna()">

    

    <H1>JsLib 1.3</H1>

    <HR>

    <H2>Exemple - heure.js</H2>



    <NOSCRIPT>

      <P><I>Erreur : votre navigateur ne reconnait pas le Javascript ou est configur&eacute; pour ne

      pas prendre en compte le code Javascript. Dans ce dernier cas, vous pouvez modifier la

      configuration dans les pr&eacute;f&eacute;rences/options de votre navigateur.</I>

      <HR>

    </NOSCRIPT>

    

    <P>Heure courante au format <I>HH:MM:SS</I> :&nbsp;

      <SCRIPT TYPE="text/javascript" LANGUAGE="Javascript">document.write(heureCour());</SCRIPT>



    <P>Heure courante au format <I>HH:MM</I> :&nbsp;

      <SCRIPT TYPE="text/javascript" LANGUAGE="Javascript">document.write(heureCourAbr());</SCRIPT>



    <P>Heure courante au format <I>HH heure(s) MM</I> :&nbsp;

      <SCRIPT TYPE="text/javascript" LANGUAGE="Javascript">document.write(heureCourLng());</SCRIPT>



    <P>Heure courante au format <I>HH:MM am/pm</I> :&nbsp;

      <SCRIPT TYPE="text/javascript" LANGUAGE="Javascript">document.write(heureCourAMPM());</SCRIPT>

      

    <P>Heure courante au format <I>HH:MM:SS</I>, mise &agrave; jour dynamiquement :&nbsp;

      <FORM ACTION="GET" NAME="f">

        <INPUT NAME="t" TYPE=TEXT VALUE="" SIZE=10>&nbsp;

      </FORM>



  </BODY>

</HTML>
Formats the current hour and displays it in a static or dynamic way : Time « Development « JavaScript DHTML
