-
-
Save adhithyan15/4350689 to your computer and use it in GitHub Desktop.
/******************************************************************************************************************** | |
Countdown.js is a simple script to add a countdown timer | |
for your website. Currently it can only do full minutes | |
and partial minutes aren't supported. This script is a fork of http://jsfiddle.net/HRrYG/ with some | |
added extensions. Since the original code that I forked was released under Creative Commons by SA license, | |
I have to release this code under the same license. You can view a live demo of this code at http://jsfiddle.net/JmrQE/2/. | |
********************************************************************************************************************/ | |
function countdown(minutes) { | |
var seconds = 60; | |
var mins = minutes | |
function tick() { | |
//This script expects an element with an ID = "counter". You can change that to what ever you want. | |
var counter = document.getElementById("counter"); | |
var current_minutes = mins-1 | |
seconds--; | |
counter.innerHTML = current_minutes.toString() + ":" + (seconds < 10 ? "0" : "") + String(seconds); | |
if( seconds > 0 ) { | |
setTimeout(tick, 1000); | |
} else { | |
if(mins > 1){ | |
countdown(mins-1); | |
} | |
} | |
} | |
tick(); | |
} | |
//You can use this script with a call to onclick, onblur or any other attribute you would like to use. | |
countdown(n);//where n is the number of minutes required. |
nice :)
nice :) +1
💯
hey I want to stop the timer without reloading the page, ex when the user hits a button, how can I do that?
Brilliant thanks
This is amazing! Bravo sir.
I want to reset the timer on some event how can I do that?
3 minute countdown jumps from 01 to 59 seconds on each iteration.
Amended line 20 as below to count the 00 seconds with a 1000ms timeout
setTimeout(function(){
if(mins > 1){
countdown(mins-1);
}
},1000);
I want to reset the timer on some event how can I do that?
countdown(n);//where n is the number of minutes required.
Your code wasn't verbose. It was easy to understand. Thanks for your work!
It was a great help for my project.
I actually forked your snippet in my gist, modified the coding a little bit for my app and want to share with others.
my version countdown
I want to reset the timer on some event how can I do that?
I am trying to add a play button and pause button to this timer. I got my pause button to work, but my I'm not sure how to get my play button to continue. Here is my Codepen
Just perfect. Thank you!
Works great, thank you!
Perfect, thank you!
Hey thank you, I just used this in a quiz application for my web dev class
https://prismaticdevelopmentstudios.github.io/web-apis_code-quiz/
nice, thank you!
Very useful and helpful code... Thank you very much for posting this code!