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






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