Javascript Browser Window setTimeout() Method create a clock

Introduction

A clock created with timing events:

View in separate window 

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

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

<script>
function startTime() {//w  ww .  java 2s. c o 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>



PreviousNext

Related