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
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -