You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
67 lines
1.9 KiB
67 lines
1.9 KiB
<!DOCTYPE html> |
|
<html> |
|
<head> |
|
<meta charset="utf-8" /> |
|
<meta name="HandheldFriendly" content="true" /> |
|
<meta name="MobileOptimized" content="320" /> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<title>Be kind for 2020 (bkf2020)'s Timer</title> |
|
<link rel="stylesheet" href="style.css"> |
|
<script type="text/javascript" src="timer.js"></script> |
|
</head> |
|
<body> |
|
<header> |
|
<h1>Be kind for 2020 (bkf2020)'s Timer</h1> |
|
<p> |
|
A simple timer. It needs Javascript |
|
to work. |
|
</p> |
|
<p> |
|
<a href="/">home</a> |
|
</p> |
|
</header> |
|
<article> |
|
<b><p>Note you can have at most 99 hours, 99 minutes and 99 seconds.</p></b> |
|
<audio id="timesUp"> |
|
<source src="audio/alarm.mp3" type="audio/mpeg"> |
|
</audio> |
|
<center> |
|
<label for="hour">Hours: </label> |
|
<input type="number" id="hour" name="hour" min="0" max="99" value="0" style="width: 50px;"> |
|
<label for="minute">Minutes: </label> |
|
<input type="number" id="minute" name="minute" min="0" max="99" value="0" style="width: 50px;"> |
|
<label for="second" min="0" max="99">Seconds: </label> |
|
<input type="number" id="second" name="second" min="0" max="99" value="0" style="width: 50px;"><br/> |
|
<button id="startpause" onclick="startTimer()">Start timer</button> |
|
<button id="reset" onclick="resetTimer()">Reset</button> |
|
<p id="timeLeft" style="font-size: 100px;"> |
|
00:00:00 |
|
</p> |
|
</center> |
|
<br/><br/> |
|
<h2>Credits</h2> |
|
<ul> |
|
<li> |
|
<a href="https://freesound.org/people/unfa/sounds/156548/"> |
|
Alarm Clock Sound effect (CC0 License) |
|
</a> |
|
<ul> |
|
<li>Available in <code>audio/alarm.mp3</code> in the website repo.</li> |
|
</ul> |
|
</li> |
|
</ul> |
|
</article> |
|
<footer> |
|
<p> |
|
<a href="/">home</a> |
|
</p> |
|
<p> |
|
all code/content on this website is under CC0 |
|
unless otherwise stated. |
|
</p> |
|
<p> |
|
other projects I have may have different licenses |
|
</p> |
|
</footer> |
|
</body> |
|
</html>
|
|
|