Vanilla JS Countdown Timer -

[@Suneriins234]

I will miss this series.I enjoyed more than learning..

[@dmtetreau]

Built it this morning. Thanks!

[@danbuild977]

This was sublime! Thank you once again.

[@fandinurahmadhabibi2779]

Awesome! One question, can we do something like pause and resume for this countdown timer?

[@dhirajnarsinghani1223]

-> first of all save the secondsLeft in global variable. -> When someone clicks the pause button, clearInterval. -> When someone clicks play/start button call timer(secondsLeft)

[@FordExplorer-rm6ew]

Hey we likes the same music. I will forever miss that era

[@PRANVIKASHA]

The reason setInterval is not reliable is because of the event loops in Javascript.. All the callbacks (event listeners, setInterval etc..) go into the callback queue and wait for there turn on the stack.. So anything in set interval is guaranteed to run after the interval (that's when its added to the queue) but not instantaneously.. It has to wait for its turn..

[@FordExplorer-rm6ew]

Helpful

[@sureshmangs4806]

Best tutorial ever. Learnt a lot. Thanks

[@marytmurray6701]

The countdown timer in JavaScript works and announces result when active on the timer tab but when I switch to another tab while the timer is running, it starts from 59:59 and does not announce result. What am I doing wrong? help me out please.

[@mirage4731]

can you share the code !

[@naguip91]

Not only europeans, I'm pretty sure that the world except americans and canadians get it.

[@tarunjindal2977]

Hey,can anyone help me with implementing a pause function in this application?

[@dhirajnarsinghani1223]

-> first of all save the secondsLeft in global variable. -> When someone clicks the pause button, clearInterval. -> When someone clicks play/start button call timer(secondsLeft)

[@RobVermeer]

A more elegant way to add the leading 0 to the seconds when < 10 to me would be to do seconds.toString().padStart(2, 0). Thanks for the video!

[@eotikurac]

hey, first time being european came in handy hehe

[@moshetzarfatipiano]

what should I add to get hours too?

[@dhirajnarsinghani1223]

const hours = Math.floor(seconds / 3600) ; seconds = seconds % 3600; const minutes = Math.floor(seconds / 60) ; const remainerSeconds = seconds % 60; use this in displayTimeLeft

[@nathannagle6277]

You'll also need to update the display: const display = `${hours}:${minutes < 10 ? '0' : ''}${minutes}:${remainderSeconds < 10 ? '0' : ''}${remainderSeconds}`;

[@mirage4731]

function displayTimeLeft(seconds){ const minutes = Math.floor(seconds / 60); const minute = minutes>60 ? minutes-60 : minutes ; const hours = Math.floor(minutes / 60); const remainderSeconds = seconds % 60; const display = `${hours==0 ? '': hours+":"}${minute

[@osamaal-chalabi7121]

what theme are you using? I tried cobolt2 but it nowhere does it look as pretty and vibrant as yours does on the screen :/ pls help

[@michaelluevanos5293]

the console logs aren't working

[@Luuckx2]

And a chronometer, how do?

[@trongnguyenduy3936]

Thanks

[@radovansurlak7445]

You're a BOS(S)! :)

[@reactarabic5767]

we canadians or americans or whoever else is normal 😂

[@Jackolltradez]

2023, Thank you.

[@errorerror1337]

Everything that happens now, is happening now. What happened to then? We passed it! When? Just now! We're at now, now. Go back to then! When? Now! Now? Now! I can't! Why? We missed it. When? Just now. When will then be now? Soon.

[@prithweedas4363]

instead of 'hour > 12 ? hour - 12 : hour' hour % 12 could do the same probably

[@RobVermeer]

You actually cant, because 12 % 12 will result in 0, which you don't want to display at noon. You could however do (hour - 1) % 12 + 1. The reason -1 % 12 will not result in 11 (but -1) is because JS actually calculates the remainder, instead of the actual modulus =)

[@Hammmmyy]

awesome

[@boskoa.2290]

Taking a ciggie break while normies are finishing the date formatting. Great dead pan deliveries overall. That "When god created the earth" bit was on par with the "console.clear()" messing with developers joke.

[@Thepineapplethief23]

Thanks a lot for all your video's, they are really helpfull! I hope you can help me with looping your code?! I want setInterval starting a serverall times again. Thanks allready!! function timer(seconds){ let now = Date.now() let then = now + seconds * 1000 // setIntervall is een functie waarbij gekeken gaat worden wat de intervall is (=> staat vaak gelijk aan this) setInterval(() =>{ //Hier is de formulie die laat zien hoeveel tijd er nog is let secondsLeft = Math.round(then - Date.now())/1000 if(secondsLeft < 0){ //Opnieuw het beginnen, nieuwe variabele instellen let now = Date.now() let then = now + seconds * 1000 secondsLeft = Math.round(then - Date.now())/1000 } console.log(secondsLeft) //deze 1000 staat hier omdat we seconden willen laten zien }, 1000)

[@SeeN000]

Hey, canadians and americans have to modify code further, not europeans ;)