steveosoule
2/27/2013 - 11:54 PM

javascript-minute-second-countdown.js

javascript-minute-second-countdown.js

javascript-minute-second-countdown.html
content_copyfile_download
<html>
<head>
<title>Countdown</title>
<script type="text/javascript">
// set minutes
// var endTime = new Date().setTime(1362178800000);
var endTime = new Date().setTime(1362009600000);

var currentTime = new Date().getTime();

var remainingTime = endTime - currentTime;



//var mins = 5;
var mins = Math.floor((remainingTime/1000)/60);

// calculate the seconds (don't change this! unless time progresses at a different speed for you...)
//var secs = mins * 60;
var secs = Math.floor(remainingTime/1000);
function countdown() {
	setTimeout('Decrement()',1000);
}
function Decrement() {
	if (document.getElementById) {
		if(endTime < currentTime){
			alert('Finished');
			return;
		}
		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);
	}
}
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>

<div id="timer">
	This is only valid for the next <input id="minutes" type="text" style="width: 14px; border: none; background-color:none; font-size: 16px; font-weight: bold;"> minutes and <input id="seconds" type="text" style="width: 26px; border: none; background-color:none; font-size: 16px; font-weight: bold;"> seconds.
</div>
<script>
countdown();
</script>
</body>
</html>