Simple Countdown Timer with JavaScript

#31Days31Videos

---
Follow me on:

[thisdefinitelyworks]

time--;
time = time < 0 ? 0 : time;
to avoid getting negative numbers

[syrgakomuraliev]

Thank u so much, I have a deadline tomorrow and countdown is the thing I only needed

[cynthiamanor]

Great, straightforward, and easy to follow - thanks!

[PiotrDudek]

Great job! You explained it so simply... unlike all the other sources I looked at (stack overflow, etc.).

[comendopraengordar]

Subtitles help a lot in understanding the simply perfect video. Thank U!

[jesssilver]

Appreciate it, keep doing what you're doing!

[zamora]

Hi, thanks for sharing. You need a validation for negative numbers.

let time = 0.25 * 60; //minutes * 60 seconds
let refreshIntervalId = setInterval(updateCountdown, 1000); //update every 1 second

function updateCountdown() {
const minutes = Math.floor(time / 60); // rounds a number DOWN to the nearest integer
let seconds = time % 60;

seconds = seconds < 10 ? '0' + seconds : seconds;
const contdownEl =
contdownEl.innerHTML = `${minutes}:${seconds}`;

time--;

if (time < 0) { //stop the setInterval whe time = 0 for avoid negative time

}
}

[TheAlibaadshah]

if reload page then countdown not stop. continue running if i logged out?

[mmisterWhite]

i was wondering how you could make it so it doesnt show blank on refresh but just starts with the numbers immediately?

[ahmedn]

Thanks for doing these tutorials.I just wanna know how to use these tutorials wisely becuase when i create a project from these tutorials after a while i can't do the same project that i did before.i would really appreciate if you mention a solution for this issue.🌹🌹🙏🙏🙏😃

[TheAlibaadshah]

if refresh the page countdown timing will be continue ....?

[tijanisylla]

very cool, but the @import url didn't work for me.
have any tips?

[sleshapatil]

whcih link you have put in style.css???

[marytmurray]

The countdown timer in JavaScript works when active on the timer tab but when I switch to another tab while the timer is running, it starts from 59:59. What am I doing wrong?

[infires]

what's the font from google fonts??

[marcoonlinetv]

Hello, Romania ! Greetings from Serbian border with Romania !

[bilallaaroussi]

you aren't actually guaranteed that setinterval calls the function every 1000ms, so if theres some heavy processing the timer won't be accurate.

[harshitbadaya]

Hi @
Florin Pop, how can we add pause countdown in this..please help!

[qqidxkd]

Please help! Can timer restart by itself? How to do it?

[allstack_academy]

Thanks a lot. Your code is precise . how follow you on your tutorial