<!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>