Countdown Timer in Vanilla Javascript | CSS SVG Circle Countdown Time Animation

[@ВладимирОрлов-ж7щ]

Man, you're an incredible person. It was my first exercise of JavaScript. Thanks for you I exactly know what want to do!

[@zinpainghtet961]

Instead of using background music , you should teach in voice .just a suggestion.

[@janiselmeris5705]

Thank you for the nice-looking countdown! During the last second when 0-1 seconds are left, "0 seconds" is displayed, but it should be "1 seconds", otherwise when we see "0 seconds" we still need to wait 1 more second for the end time actually set in.

[@codehal]

Awesome bro❤

[@ancientSeven]

Bro I just love your video ♥️♥️ Thankyou soooooooooo much..!

[@liamaiken1782]

Needed this. Found it finally

[@gaeltobelekinzamba6618]

Great work

[@vrfEducation]

super super cool bro. great idea with nice design

[@codevortex-]

Congrats bro

[@GoBlueGreg]

Great tutorial!

[@quangtrungo6146]

Great !

[@rubaiyathossain1758]

wow!

[@yvil]

16:32

[@asriddinov8388]

Wooow

[@codeBySach-IN]

Thanks sir. Now i can build the age calculator !!!❤❤❤❤

[@mahirdaiyan6898]

Wait how

[@codeBySach-IN]

@@mahirdaiyan6898 i got idea 💡

[@alessiacampana2320]

@@mahirdaiyan6898 user imput his birth and the system take is data as endDate

[@andre1173]

Hello all, line 71: let distance = now - countDown; Fixed it! Turns out tiny mistakes = disaster lol.

[@mayank89_49]

???

[@azizmuhamad8471]

Source code please?

[@jusufmuftic7765]

3:49 what did you do?

[@bruhmoment3731]

cmd / he commented out that line of code

[@jhoncamelo9745]

One question, how do you make that quotation mark that he uses in the rotatez?

[@ItsFrits]

On the top left of your keyboard there should be a button for that, if you press it twice you get `` and if you do shift + ` you get the squiggly line ~

[@gal885]

Can you provide the source code please?

[@SupunAnuranga-fo1vz]

❤‍🔥💥💥💫

[@alessiacampana2320]

19:58 che simbolo è?

[@asriddinov8388]

🥰😍🤩

[@razexamvs8756]

here is the correct code js ---->>>> let days = document.getElementById("days"); let hours = document.getElementById("hours"); let minutes = document.getElementById("minutes"); let seconds = document.getElementById("seconds"); let dd = document.getElementById("dd"); let hh = document.getElementById("hh"); let mm = document.getElementById("mm"); let ss = document.getElementById("ss"); let day_dot = document.querySelector(".day_dot"); let hr_dot = document.querySelector(".hr_dot"); let min_dot = document.querySelector(".min_dot"); let sec_dot = document.querySelector(".sec_dot"); // Set the end date with the correct format "MM/DD/YYYY HH:mm:ss" let endDate = new Date("02/02/2024 00:00:00").getTime(); let x = setInterval(function () { let now = new Date().getTime(); let distance = endDate - now; // Time calculation for days, hrs, mins, and seconds let d = Math.floor(distance / (1000 * 60 * 60 * 24)); let h = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); let m = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); let s = Math.floor((distance % (1000 * 60)) / 1000); // Output result days.innerHTML = d + "Days"; hours.innerHTML = h + "Hours"; minutes.innerHTML = m + "Minutes"; seconds.innerHTML = s + "Seconds"; }, 1000); // Update every 1 second

[@VirtualWorldDE]

Bro the ids for hours and seconds are very german...

[@moritzdeiaco2798]

First

[@anju_yadav_2387]

Sir if a want to change the date not a happy new year I want put my birthday 23 April thn how it work bcz I did and then change the date it was not working but when a put the new year date it's work . Then plz help me out Plz tell me the code . How can I change it 😢

[@anju_yadav_2387]

Plz sir comments it fast only 2 days are left 😢. Plz comment it sir

[@CasterMation]

​@@anju_yadav_2387tough

[@Woolfy95]

Down vote as there is no link to Github Repo