Permalink
Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
25 lines (24 sloc) 2.52 KB
<!DOCTYPE html>
<html>
<head>
<title>Talking Clock</title>
<script src="HackTimer.js"></script>
<script type="text/javascript" src="clock.js"></script>
<link id="themecss" href="themes/gray.css" rel="stylesheet" type="text/css" />
<meta name="keywords" content="Javascript, HTML5, clock, talking clock, Jan Fleet" />
<meta name="description" content="Talking clock using Jan Fleet samples and HTML5 audio" />
<meta name="author" content="hufman" />
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
</head>
<body>
<p id="description">
This page shows a live-updating clock, synchronized to the correct time. With a recent-enough browser, it will announce the time every 10 seconds.
</p>
<p id="needjs">This page requires Javascript</p>
<p id="clock">
<span id="shortweekday" class="date weekday short"></span><span id="longweekday" class="date weekday long"></span><span id="numericweekday" class="date weekday numeric"></span><span id="shortmonth" class="date month short"></span><span id="longmonth" class="date month long"></span><span id="numericmonth" class="date month numeric trim"></span><span id="numericmonthslash" class="date month slash trim">/</span><span id="numericday" class="date day numeric trim"></span><span id="zeronumericmonth" class="date month numeric zero'"></span><span id="zeronumericmonthslash" class="date month slash zero">/</span><span id="zeronumericday" class="date day numeric zero"></span><span id="year" class="date year numeric"></span><span id="trimtime"><span id="hour12" class="time hour numeric trim hr12"></span><span id="hour24" class="time hour numeric trim hr24"></span><span id="hourcolon" class="time hour colon trim">:</span><span id="minute" class="time minute colon numeric trim"></span><span id="minutecolon" class="time hour numeric trim">:</span><span id="second" class="time second numeric trim"></span></span><span id="zerotime"><span id="zerohour12" class="time hour numeric zero hr12"></span><span id="zerohour24" class="time hour numeric zero hr24"></span><span id="zerohourcolon" class="time hour colon zero">:</span><span id="zerominute" class="time minute numeric zero"></span><span id="zerominutecolon" class="time minute colon zero">:</span><span id="zerosecond" class="time second numeric zero"></span></span><span id="ampm" class="time ampm"></span><span id="timezonenumeric" class="time timezone numeric"></span>
</p>
<p id="progress"></p>
<p id="github">View the code on <a href="https://github.com/hufman/talkingclock">Github</a></p>
</body>
</html>