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

------------------
Enroll My Course : Next Level CSS Animation and Hover Effects

Another Course : Build Complete Real World Responsive Websites from Scratch
------------------
Join Our Channel Membership And Get Source Code of My New Video's Everyday!
------------------

------------------
#onlinetutorials #csseffect #topcsseffects
------------------
give proper credit if you repost this on other social media platform
------------------
------------------
Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use

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

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

[janiselmeris]

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.

[zinpainghtet]

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

[ancientSeven]

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

[vrfEducation]

super super cool bro. great idea with nice design

[codeBySach-IN]

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

[jhoncamelo]

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

[andre]

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

[gal]

Can you provide the source code please?

[thereal_flo]

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

[anju_yadav_]

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 😢

[Woolfy]

Down vote as there is no link to Github Repo

[razexamvs]

here is the correct code js ---->>>> let days =
let hours =
let minutes =
let seconds =

let dd =
let hh =
let mm =
let ss =

let day_dot =
let hr_dot =
let min_dot =
let 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 + "<br><span>Days<span>";
hours.innerHTML = h + "<br><span>Hours<span>";
minutes.innerHTML = m + "<br><span>Minutes<span>";
seconds.innerHTML = s + "<br><span>Seconds<span>";
}, 1000); // Update every 1 second