Menu
Hello,
I am currently working on a script, and I cannot for the life of me figure out how to return to the start of the script and re-run it fresh in the same browers session – basically, it just keeps looping when the counter hits 0.
here is the script below. You will see I added an alert box to note the seconds have hit 0, but I cannot get the script to reset and restart back at
[CODE]mins = .1
SOS! I do not need the alert box. I just put it there to test the location of the “flag” to reset.
[CODE]<html>
<head>
<title>Countdown</title>
<script type=”text/javascript”>
// how many minutes
var mins = .1;
// how many seconds (don’t change this)
var secs = mins * 60;
function countdown() {
setTimeout(‘Decrement()’,1000);
}
function Decrement() {
if (document.getElementById) {
minutes = document.getElementById(“minutes”);
seconds = document.getElementById(“seconds”);
// if less than a minute remaining
if (seconds < 59) {
seconds.value = secs;
} else {
minutes.value = getminutes();
seconds.value = getseconds();
}
secs–;
setTimeout(‘Decrement()’,1000);
if (secs == 0) {
alert(“please go back to the beggining!”);
}
}
}
function getminutes() {
// minutes is seconds divided by 60, rounded down
mins = Math.floor(secs / 60);
return mins;
}
function getseconds() {
// take mins remaining (as seconds) away from total seconds remaining
return secs-Math.round(mins *60);
}
</script>
</head>
<body onLoad=”countdown();”>
<style type=”text/css”>
#countdownBox, #colon, input, #seconds, #minutes {
background-color: #CC0000;
color: #FFFF00;
font-size: 30px;
border: 0px;
font-weight: 900;
font-style: italic;
}
</style>
<div id=”countdownBox”>
<input id=”minutes” type=”text” style=”width: 55px;”><span id=”colon”>:</span>
<input id=”seconds” type=”text” style=”width: 55px;”>
</div>
</body>
</html>