Custom Countdown with Javascript

YvonneDev
4 min readOct 9, 2020

Features:

video background

Date picker with Date()

Calculate the time

setInterval() for update time

Select only future date or today

Local storage when refresh page

CODE Github

There are other types of countdown demos:

The first one is with jquery and also fixed time setting. The second one is Javascript too but type in the countdown time directly.

countdown clock with jQuery

Countdown using JavaScript

HTML

video insert

the overlay is the white background with opacity

input container is the default input section with a form.

After submit the input, the countdown shows up.

When the time reaches the 0, which means the current time is equal to the picked…

--

--

YvonneDev
YvonneDev

Written by YvonneDev

❤️Front-end Web Development self-taught *share what I learned*

No responses yet