Back to Browse

Create A Countdown ONLY with JavaScript!

201 views
Premiered Jun 30, 2023
30:52

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

Download

1 formats

Video Formats

360pmp447.5 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.