Window setTimeout() Method - A clock created with timing events: - Javascript Browser Object Model

Javascript examples for Browser Object Model:Window setTimeout

  1. HOME
  2. Javascript
  3. Browser Object Model
  4. Window setTimeout

Description

Window setTimeout() Method - A clock created with timing events:

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<body onload="startTime()">

<div id="txt"></div>

<script>
function startTime() {//from w  ww  .jav  a  2s .  co  m
    var today = new Date();
    var h = today.getHours();
    var m = today.getMinutes();
    var s = today.getSeconds();
    // add a zero in front of numbers<10
    m = checkTime(m);
    s = checkTime(s);
    document.getElementById("txt").innerHTML = h + ":" + m + ":" + s;
    var t = setTimeout(function(){ startTime() }, 500);
}

function checkTime(i) {
    if (i < 10) {
        i = "0" + i;
    }
    return i;
}
</script>

</body>
</html>

Related Tutorials