Formats the current hour and displays it in a static or dynamic way

<!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>

Related examples in the same category

1.	Times Table
2.	A Clock Script
3.	Update Time per second
4.	Time: hour, minutes, and seconds.
5.	Display the Current Time in status bar
6.	Creating a Clock Object and Displaying the Results on the Page
7.	Morning or Evening
8.	Time value
9.	Get the current time and then extract the hours, minutes and seconds

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

Related examples in the same category