Demo Dynamic HTML

Reloj

Compatibilidad: Ms Internet Explorer

Un reloj dinámico que, a diferencia de Javascript, modifica los segundos en tiempo real sin necesidad de refresh de página.

[ Muestra el ejemplo práctico ]

el código para insertar en tu página

<TITLE>Demo Dynamic HTML: ejemplo práctico </TITLE>

<STYLE TYPE="text/css">
         #clock {color:blue; font-size:120%} /* Format the clock. */
      </STYLE>
      <SCRIPT LANGUAGE="JavaScript">
         // Check whether IE4 or later.
         var MS = navigator.appVersion.indexOf("MSIE");
         window.isIE4 = (MS > 0) &&
            (parseInt(navigator.appVersion.substring(MS + 5, MS + 6)) 
               >= 4);

function lead0(val) {
            // Add leading 0s when necessary.
            return (val < 10) ? "0" + val.toString() : val;
         }

function buildTime() {
            var time = new Date();
            var ampm = "AM";
            var h = time.getHours();
            // Fix military time and determine ampm.
            if (h > 12) {
               h = h - 12;
               ampm = " PM";
            }
            return lead0(h) + ":" + lead0(time.getMinutes()) + ":" +
               lead0(time.getSeconds()) + ampm;
         }

function tick() {
            // Replace the clock's time with the current time.
            document.all.clock.innerText = buildTime();
         }
      </SCRIPT>

</HEAD>

<P>Sono le:
      <SPAN ID="clock">
         <SCRIPT LANGUAGE="JavaScript">
            // Down-level script support --
            // output an initial static time.
            document.write(buildTime());
         </SCRIPT>
      </SPAN>

</body>
</html>