JavaScript Countdown Timer Tutorial | FREE COURSE

Envato Tuts+ November 23, 2022
Video Thumbnail
Envato Tuts+ Logo

Envato Tuts+

View Channel

About

Learn creative skills with Envato Tuts+! Explore thousands of free tutorials, tips, and tricks covering essential techniques and industry-leading software to elevate your work. Whether you're just starting or looking to grow your career, our content provides everything you need to master new skills and drive your creative journey forward.

Video Description

Learn how to create a JavaScript countdown timer in this free course with Adi Purdila! ► Or download a ready-made JavaScript countdown script: https://codecanyon.net/item/3d-flip-countdown-timerjavascript-react/36630829?utm_campaign=yt_tutsplus_5pyYfcnqKMY&utm_medium=referral&utm_source=youtube.com&utm_content=description Countdown timers can be very effective tools for indicating the start, or end, of an event. For example, you could show when a website will go live, or a price offer expires, or even when a user session might end. In this JavaScript countdown timer tutorial, you’ll learn how to create your own timer from scratch. Useful Links: • Source files: https://github.com/tutsplus/How-to-Build-A-JavaScript-Countdown-Timer/archive/refs/heads/main.zip • Countdown Timer project on GitHub: https://github.com/adipurdila/countdown-timer • Inconsolata font: https://fonts.google.com/specimen/Inconsolata • Poppins font: https://fonts.google.com/specimen/Poppins • Entypo icon set: https://iconset.io/set/entypo • Furniture Logo: https://elements.envato.com/logo-armchair-furniture-chair-negative-space-style-ZVX9PE?utm_campaign=yt_tutsplus_5pyYfcnqKMY&utm_medium=referral&utm_source=youtube.com&utm_content=description • modern-normalize: https://github.com/sindresorhus/modern-normalize 00:00 Introduction 01:55 Writing the countdown timer markup and CSS 15:52 Making our countdown timer work with JavaScript ► Download unlimited photos, fonts, and templates with Envato Elements: https://elements.envato.com/?utm_campaign=yt_tutsplus_5pyYfcnqKMY&utm_medium=referral&utm_source=youtube.com&utm_content=description Read more on How to Build a JavaScript Countdown Timer on Envato Tuts+: https://webdesign.tutsplus.com/tutorials/how-to-build-a-javascript-countdown-timer--cms-93144?utm_campaign=yt_tutsplus_5pyYfcnqKMY&utm_medium=referral&utm_source=youtube.com&utm_content=description - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Envato Tuts+ Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: https://tutsplus.com/?utm_campaign=yt_tutsplus_5pyYfcnqKMY&utm_medium=referral&utm_source=youtube.com&utm_content=description Envato Elements All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes. ► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: https://elements.envato.com/?utm_campaign=yt_tutsplus_5pyYfcnqKMY&utm_medium=referral&utm_source=youtube.com&utm_content=description ► Subscribe to Envato Tuts+ on YouTube: https://www.youtube.com/tutsplus ► Follow Envato Tuts+ on Twitter: https://twitter.com/tutsplus ► Follow Envato Tuts+ on Facebook: https://www.facebook.com/tutsplus - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

You May Also Like

Essential Gear for Your Next Adventure

AI-recommended products based on this video

Loading...
NEEWER a6700 L Plate Compatible with Sony Alpha 6700, Quick Switch Aluminum Extendable Side Plate & Anti Twist Baseplate Compatible with Arca Swiss QR System DJI RS 2 RSC 2 RS 3 Pro Gimbals, CA048

NEEWER a6700 L Plate Compatible with Sony Alpha 6700, Quick Switch Aluminum Extendable Side Plate & Anti Twist Baseplate Compatible with Arca Swiss QR System DJI RS 2 RSC 2 RS 3 Pro Gimbals, CA048

(24)
$25.99
FREE delivery Thu, Jun 19 on your first order
Loading...
SmallRig ZV-E10 II Base Plate for Sony Alpha ZV-E10 II, Bottom Mount Plate with Quick-Release Plate for Arca, QD Socket, Hand Strap Hole, 1/4"-20 Threaded Hole - 4950

SmallRig ZV-E10 II Base Plate for Sony Alpha ZV-E10 II, Bottom Mount Plate with Quick-Release Plate for Arca, QD Socket, Hand Strap Hole, 1/4"-20 Threaded Hole - 4950

(13)
$37.99
FREE delivery Sat, Jun 21
Loading...
SmallRig Baseplate for Sony Alpha 6700, Bottom Mount Plate Built-in Quick Release Plate for Arca, Supporting Quick Switch Between Tripod and Stabilizer (for DJI RS 2 / RSC 2 / RS 3 / RS 3 Pro) - 4338

SmallRig Baseplate for Sony Alpha 6700, Bottom Mount Plate Built-in Quick Release Plate for Arca, Supporting Quick Switch Between Tripod and Stabilizer (for DJI RS 2 / RSC 2 / RS 3 / RS 3 Pro) - 4338

(85)
$38.24
FREE delivery Thu, Jun 19
Loading...
NEEWER a6700 L Plate Compatible with Sony Alpha 6700, Quick Switch Aluminum Extendable Side Plate & Anti Twist Baseplate Compatible with Arca Swiss QR System DJI RS 2 RSC 2 RS 3 Pro Gimbals, CA048

NEEWER a6700 L Plate Compatible with Sony Alpha 6700, Quick Switch Aluminum Extendable Side Plate & Anti Twist Baseplate Compatible with Arca Swiss QR System DJI RS 2 RSC 2 RS 3 Pro Gimbals, CA048

(24)
$25.99
FREE delivery Thu, Jun 19 on your first order
Loading...
SmallRig ZV-E1 Camera Baseplate for Sony ZV-E1, Built-in Cold Shoe Mount and QR Plate (for Arca) Quick Switch Between Tripod and Stabilizer for DJI RS 2 / RSC 2 / RS 3 / RS 3 Pro - 4314

SmallRig ZV-E1 Camera Baseplate for Sony ZV-E1, Built-in Cold Shoe Mount and QR Plate (for Arca) Quick Switch Between Tripod and Stabilizer for DJI RS 2 / RSC 2 / RS 3 / RS 3 Pro - 4314

(3)
$44.99
FREE delivery Thu, Jun 19
Loading...
SmallRig Baseplate for Sony Alpha 6700, Bottom Mount Plate Built-in Quick Release Plate for Arca, Supporting Quick Switch Between Tripod and Stabilizer (for DJI RS 2 / RSC 2 / RS 3 / RS 3 Pro) - 4338

SmallRig Baseplate for Sony Alpha 6700, Bottom Mount Plate Built-in Quick Release Plate for Arca, Supporting Quick Switch Between Tripod and Stabilizer (for DJI RS 2 / RSC 2 / RS 3 / RS 3 Pro) - 4338

(85)
$38.24
FREE delivery Thu, Jun 19
Loading...
DJI Mic Mini (2 TX + 1 RX), Detail-Rich Audio, Wireless Lavalier Microphone for Camera/Android, 2-Person Vlog, Team Production
Best Seller

DJI Mic Mini (2 TX + 1 RX), Detail-Rich Audio, Wireless Lavalier Microphone for Camera/Android, 2-Person Vlog, Team Production

(59)
$99.00
FREE delivery Tue, Oct 7
500+ bought in past month
Loading...
NEEWER Advanced 18 inch LED Ring Light for Phone, LCD Touch Screen, 2.4G Remote Lights Control, 3200-5600K, Tripod Light for iPhone Action Camera, for Studio Makeup TikTok YouTube Video Salon (Black)

NEEWER Advanced 18 inch LED Ring Light for Phone, LCD Touch Screen, 2.4G Remote Lights Control, 3200-5600K, Tripod Light for iPhone Action Camera, for Studio Makeup TikTok YouTube Video Salon (Black)

(2,807)
$181.49
FREE delivery Sun, Aug 10
Loading...
SanDisk 128GB Extreme PRO SDXC UHS-I Memory Card - C10, U3, V30, 4K UHD, SD Card - SDSDXXD-128G-GN4IN
Best Seller

SanDisk 128GB Extreme PRO SDXC UHS-I Memory Card - C10, U3, V30, 4K UHD, SD Card - SDSDXXD-128G-GN4IN

(71,074)
$29.99$26.61
FREE delivery Sun, Aug 10 on your first order
4K+ bought in past month
Loading...
Anker USB C Charger Cable (6ft 100W, 2Pack), USB 2.0 Type C Fast Charging Cable for iPhone 15 / 15Pro / 15Plus / 15ProMax MacBook Pro 2020, iPad Pro 2020, iPad Air 4, Samsung Galaxy S23+/S23 Ultra ClimatePartner certified

Anker USB C Charger Cable (6ft 100W, 2Pack), USB 2.0 Type C Fast Charging Cable for iPhone 15 / 15Pro / 15Plus / 15ProMax MacBook Pro 2020, iPad Pro 2020, iPad Air 4, Samsung Galaxy S23+/S23 Ultra ClimatePartner certified

(44,904)
$17.99
FREE delivery Wed, Aug 20 on your first order
6K+ bought in past month
Loading...
Anker USB C Cable, [2-Pack, 6 ft] Type C Charger Premium Nylon USB Cable, USB A to Type C Charging Cable Fast Charge for Samsung Galaxy S10 S10+ / Note 8, LG V20 and Other USB C Charger (Black)

Anker USB C Cable, [2-Pack, 6 ft] Type C Charger Premium Nylon USB Cable, USB A to Type C Charging Cable Fast Charge for Samsung Galaxy S10 S10+ / Note 8, LG V20 and Other USB C Charger (Black)

(103,365)
$13.49
5K+ bought in past month
Loading...
10FT Offset Patio Umbrella - Cantilever Umbrella with Easy Lift & Tilt Adjustment, 8-Rib Sun Umbrella with UV Protection for Backyard, Pool, Garden, Hanging Outdoor Market Patio Umbrella

10FT Offset Patio Umbrella - Cantilever Umbrella with Easy Lift & Tilt Adjustment, 8-Rib Sun Umbrella with UV Protection for Backyard, Pool, Garden, Hanging Outdoor Market Patio Umbrella

(0)
$119.99
FREE delivery Fri, Jun 20
Loading...
Sylfairy Toddler Sun Hat Kids Sun Hat for Girls UV Protection Summer Hat Ponytail Beach Bucket Cap for 3-8 Years

Sylfairy Toddler Sun Hat Kids Sun Hat for Girls UV Protection Summer Hat Ponytail Beach Bucket Cap for 3-8 Years

(1,104)
$17.09
FREE delivery Sat, Jun 14 on your first order
50+ bought in past month
Loading...
DEAFRAIN Kids Polarized Sunglasses TPEE Unbreakable Flexible Sport Glasses UV Protection for Boys Girls Age 3-7

DEAFRAIN Kids Polarized Sunglasses TPEE Unbreakable Flexible Sport Glasses UV Protection for Boys Girls Age 3-7

(1,453)
$23.99
FREE delivery Sat, Jun 14 on your first order
Loading...
HENGOSEN Sunglasses-for-Men Polarized Mens Sunglasses: Retro Sun glasses with UV Protection for Driving Fishing

HENGOSEN Sunglasses-for-Men Polarized Mens Sunglasses: Retro Sun glasses with UV Protection for Driving Fishing

(35)
$29.99
FREE delivery Sat, Jun 14 on your first order