/Countdown-to-new-year-2022

In this tutorial we will be learning how to create countdown timer using HTML, CSS, JavaScript and Snowstorm.js

Primary LanguageJavaScript

Countdown to New Year 2022 | New Year countdown timer using JavaScript

In this video we will be creating a countdown timer to new year using HTML, CSS and JavaScript

I am using SnowStorm.js in this project to add snow effect

Link for SnowStorm.js - http://www.schillmania.com/projects/snowstorm/

And use WinRAR to extract SnowStorm.js

🔴 Live preview - https://codewithniranjan.github.io/Countdown-to-new-year-2022/

Usage

Adding snowstorm.js

<script src="snowstorm.js"></script>

Adding countdown timer

const newYear = "1/1/2022";

const daysEl = document.querySelector('.day');
const hourEl = document.querySelector('.hour');
const minuteEl = document.querySelector('.minute');
const secondEl = document.querySelector('.seconds');

(Download the file for full code)

Subscribe

Please subscribe CodeWithNiranjan

Thank You