Count Down/up Script /alarm Clock

Apr 9, 2004

This script counts up, counts down and incorperates an alarm clock!

<html>
<head>
<script type="text/javascript">
var hv;
var mv;
var sv;
var timer;
var timer2;
function set(){
hv=document.getElementById("h").value*1;
mv=document.getElementById("m").value*1;
sv=document.getElementById("s").value*1;
}
function countup(){
if(sv!=59){
sv++
}
else if(mv!=59){
mv++
sv=0;
}
else if(hv!=59){
hv++
mv=0;
sv=0;
}
else{
alert("Finished counting up!")
clearTimeout(timer);
}
if(sv<10){
sv2="0"+sv;
}
else{sv2=sv}
if(mv<10){
mv2="0"+mv;
}
else{mv2=mv}
if(hv<10){
hv2="0"+hv;
}
else{hv2=hv}
document.getElementById("h").value=hv2;
document.getElementById("m").value=mv2;
document.getElementById("s").value=sv2;
}
function countdown(){
if(sv!=00){
sv--
}
else if(mv!=00){
mv--
sv=59;
}
else if(hv!=00){
hv--
mv=59;
sv=59;
}
else{
alert("Finished counting down!")
clearTimeout(timer2);
}
if(sv<10){
sv2="0"+sv;
}
else{sv2=sv}
if(mv<10){
mv2="0"+mv;
}
else{mv2=mv}
if(hv<10){
hv2="0"+hv;
}
else{hv2=hv}
document.getElementById("h").value=hv2;
document.getElementById("m").value=mv2;
document.getElementById("s").value=sv2;
}
function thetime(){
var d=new Date();
var hours=d.getHours();
var mins=d.getMinutes();
var secs=d.getSeconds();
if(hours<10){
hours="0"+hours;
}
if(mins<10){
mins="0"+mins;
}
if(secs<10){
secs="0"+secs;
}
document.getElementById("times").value=hours+":"+mins+":"+secs;
if(timer==true && hours==hv && mins==mv && secs==sv){
alert("Alarm ringing!")
}
}
function alarmonoff(){
if(document.getElementById("alarmbut").value=="Turn alarm on/set"){
timer=true;
document.getElementById("alarmbut").value="Turn alarm off/set";
}
else{
timer=false;
document.getElementById("alarmbut").value="Turn alarm on/set";
}
}
</script>
</head>

<body onload="setInterval('thetime()',500)">

<table border="0">
<tr>
<td colspan="2"><input value="00" size="2" id="h">:<input value="00" size="2" id="m">:<input value="00" size="2" id="s"></td>
</tr>
<tr>
<td><input type="text" size="8" id="times"></td>
<td><input type="button" value="Stop" onclick="set(); clearTimeout(timer); clearTimeout(timer2)"></td>
</tr>
<tr>
<td><input type="button" value="Count up" onclick="set(); timer=setInterval('countup()',1000)"></td>
<td><input type="button" value="Count down" onclick="set(); timer2=setInterval('countdown()',1000)"></td>
</tr>
<tr>
<td colspan="2"><input type="button" value="Turn alarm on/set" onclick="set(); alarmonoff()" id="alarmbut"></td>
</tr>
</table>

</body>

</html>

To count up, enter time to count up from. stops and alerts at 59:59:59. Press stop to stop.

To count down, enter time to count down from. Stops and alerts at 00:00:00. Press stop to stop.

To set alarm, enter time. Click Turn alarm on/set once or Turn alarm off/set twice. Click Turn alarm off/set to cancel alarm.

Any comments/suggestions welcome.

View 16 Replies

Count Down/up Script /alarm Clock

Modification To The Alarm Clock Script

Alarm Clock With Target Will Open In New Window

Count Down Clock That Will Count Down 18 Minutes And Reset Itself At The End?

Making A Count Down Clock Repeat Daily?

Creating A LED To Trigger An Alarm?

Count-down+target-date+then-count-up?

Clock - Won't Update Every Second

Get 1 Tenth Of A Second For My Clock?

Clock That Follows Your Mouse

Clock Code

Countdown Clock

Make A Second Clock?

Display Clock In An Input Box?

World Clock - Add Day To The Output

Stop And Then Start JS Clock

Adding Clock To Website?

Images Used In A Digital Clock?

Add Leading Zero To Hours In Clock?

Countdown Clock Using Array?

Countdown Clock Not Working In IE Or IOS?

Analog Clock Which Works In IE 6?

Countdown Clock - Make It Run Every Second

How To Code A Countdown Clock

30 Minute Countdown Clock?

Implementing A Countdown Clock From Within A Php Page?