Clock script snippet


This is the javascript that makes the clock tick: clock.js and the html code used in the demo above (<iframe>):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xml:lang="en-US" xmlns="//www.w3.org/1999/xhtml">
<head>
<title>Clock</title>
<script type="text/javascript" src="clock.js"> </script>
<script type"text/javascript">
var t1;
function Start(){
   t1 = setInterval("Refresh()", 1000);
}

function Stop()
{
   clearInterval(t1);
}
<script>
<style type="text/css">
img
{
  position:fixed;
  left:0px;
  top:0px;
}
</style>
</head>
<body id="clock" onload="Start()" onunload="Stop()" >
<img src="clock_bg.png" id="clock_bg" style="z-index:1;" alt="dial" />
<img src="arrow_red.png" id="sec" style="z-index:2;" alt="hour" />
<img src="arrow_black.png" id="min" style="z-index:3;" alt="minute" />
<img src="arrow_black_short.png" id="hour" style="z-index:4;" alt="hour" />
</body>
</html>