Skip to content

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

Notifications You must be signed in to change notification settings

CodeWithNiranjan/Countdown-to-new-year-2022

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published