Last active
May 10, 2024 09:35
-
-
Save adhithyan15/4350689 to your computer and use it in GitHub Desktop.
A simple countdown timer in Javascript
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/******************************************************************************************************************** | |
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. |
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!
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
https://jsfiddle.net/gounshin/as6drbyL/1/