In this video, you will learn how to create a countdown using only JavaScript!
You can insert this countdown into any website you're working on - and customize the start date, end date, theme, and more!
Why?
- It's reusable (you can insert it into any website - you only need to specify an HTML element to insert it)
- you can customize it (pick a start time and end time)
- you can change from light to dark theme
- the code is well organized and can be adjusted as you like!
You can find the repo on Github: https://github.com/thecodingloft/js-countdown-object
00:00 - Project Overview
01:16 - Project Setup
01:55 - Creating Countdown Class
02:44 - Setting Countdown Config
04:05 - Setting Start and End Date
06:24 - Set Countdown
11:07 - Insert CSS
12:20- Insert HTML
16:24 - Add Button Event Listener
17:50 - Start Countdown
20:22 - Stop Countdown
22:25 - Change Seconds
24:03 - Update HTML
25:42 - Changing Minutes
27:17 - Changing Hours
28:26 - Setting Fallback Values
30:21 - Outro