-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathtimer.html
23 lines (22 loc) · 910 Bytes
/
timer.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
<head>
<style>
#barBG {width: 100%; height: 200px; background-color: black;}
#barFG {width: 100%; height: 200px; background-color: yellow;}
</style>
<script src = "timer.js" type = "text/javascript"/></script>
</head>
<body onload="startTimer()">
<p>
<label for="minutes">minutes:</label> <input size="4" id="minutes" value=5>
<label for="seconds">seconds:</label> <input size="4" id="seconds" value=0>
<label for="auto-repeat">Automatically repeat?</label> <input type="checkbox" id="auto-repeat">
</p>
<p> <button type="button" onclick="startTimer()">Start Timer</button> </p>
<hr>
Remaining: <span id="remains">Time</span>
<p> <div id="barBG"> <div id="barFG"></div> </div> </p>
<p>If you like the alarm sound, you can find more at <a href="http://opengoldbergvariations.org/">Bach's Goldberg Variations, performed by Kimiko Ishizaka</a>.
</body>
</html>