<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html lang="en" dir="ltr">

<head><title>Clock and Timer</title>
<meta HTTP-EQUIV="Content-Type" content="text/html; charset=ISO-8859-1"></meta>
<meta name="revisit-after" content="15 days"></meta>
<meta name="robots" content="all"></meta>
<meta name="description" content="Clock and timer example."></meta>
<meta name="keywords" content="clock, timer"></meta>
<meta name="creation" content="2013-09-11"></meta>
<meta name="last-modified" content="2014-05-26"></meta>
<meta name="MSSmartTagsPreventParsing" content="TRUE"></meta>
<link rel="stylesheet" type="text/css" href="./style.css">

<!--asdf CSS style-->
    <style type="text/css">

      body {
        margin:0;
        padding:0;
      }
    </style>

<!--asdf JavaScript-->
<script type="text/javascript">
<!--

 /* GLOBALS (property of window object) */
var intervalhandle;

var stopflag = false;

var hourcounter = 0;
var minutecounter = 0;
var secondcounter = 0;
var tenthsecondcounter = 0;
var hundredthsecondcounter = 0;

function starttimer() {

stopflag = false;

} /* END FUNCTION starttimer */

function stoptimer() {

stopflag = true;

} /* END FUNCTION stoptimer */

function resettimer() {

hourcounter = 0;
document.getElementById("hourelement").innerHTML= hourcounter;
minutecounter = 0;
document.getElementById("minuteelement").innerHTML= minutecounter;
secondcounter = 0;
document.getElementById("secondelement").innerHTML= secondcounter;
tenthsecondcounter = 0;
document.getElementById("tenthelement").innerHTML= tenthsecondcounter;
hundredthsecondcounter = 0;
document.getElementById("hundredthelement").innerHTML= hundredthsecondcounter;

} /* END FUNCTION resettimer */

function checktimedispatcher() {

var currentdate=new Date();
var currenttime= currentdate.toLocaleTimeString();
document.getElementById("clockelement").innerHTML= currenttime;

if (stopflag == true) {
  return;
} /* don't change the timers if we have stopped timing */

hundredthsecondcounter = hundredthsecondcounter +1;
document.getElementById("hundredthelement").innerHTML= hundredthsecondcounter;
if ( (hundredthsecondcounter%10) == 0 ) {
  tenthsecondcounter = tenthsecondcounter +1;
  document.getElementById("tenthelement").innerHTML= tenthsecondcounter;
  if ( (tenthsecondcounter%10) == 0) {
    secondcounter = secondcounter + 1;
    document.getElementById("secondelement").innerHTML= secondcounter;
    if ( (secondcounter%60) == 0) {
      minutecounter = minutecounter + 1;
      document.getElementById("minuteelement").innerHTML= minutecounter;
      if ( (minutecounter%60) == 0) {
        hourcounter = hourcounter + 1;
        document.getElementById("hourelement").innerHTML= hourcounter;
      } /* END hour check */
    } /* END minute check */
  } /* END second check */
} /* END tenth second check */

} /* END FUNCTION checktimedispatcher */

/*!--asdf on window load init--*/


//-->
</script>
<noscript></noscript>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>

<!--asdf main HTML-->
<body text="#ffffff" bgcolor="black" onload="intervalhandle=window.setInterval(function() {checktimedispatcher() },10);">

<h1 align="center" style="width:320px;background-color:black;margin-left:auto; margin-right:auto;text-align:center;font-family:Geneva,sanserif;font-size:48px"><span style="color:#ff0000">T</span><span style="color:#ffff00">i</span><span style="color:#00ff00">m</span><span style="color:#00ffff">e</span><span style="color:#0000ff">r</span></h1>


<div id="mainpage">

<div id="maincontent">

<div id="targetarea">

<div style="width:640px;margin-left:auto; margin-right:auto;text-align:center;color:black;background-color:white"><p align="center">TIME: 
<br><span id="clockelement" style="font-size:144px">starting</span><br>HOURS: <span id="hourelement">0</span><br>MINUTES: <span id="minuteelement">0</span><br>SECONDS: <span id="secondelement">0</span><br>1/10th SECONDS: <span id="tenthelement">starting</span><br>1/100th SECONDS: <span id="hundredthelement">starting</span></p></div>

</div><!--targetarea-->

<p align="center"><button type="button" onclick="starttimer();">Start</button> <button type="button" onclick="stoptimer();">Stop</button> <button type="button" onclick="resettimer();">Reset</button></p>


</div><!--maincontent-->

</body>
</html>