Skip to content

JS Date Countdown is a simple yet modern "Coming Soon" landing page built with HTML, CSS, and JavaScript. It features a real-time countdown timer that dynamically updates days, hours, minutes, and seconds until a specified launch date.

Notifications You must be signed in to change notification settings

phantekzy/js-date-countdown

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

JS Date Countdown

A simple "Coming Soon" landing page with a live countdown timer, built using HTML, CSS, and JavaScript.

Features

  • Real-time countdown to a specific date
  • Responsive landing page layout
  • Animated rocket using CSS keyframes
  • Clean typography and modern styling
  • Interactive hover effects on buttons

Technologies

  • HTML5
  • CSS3 (Flexbox, Keyframes, Transitions)
  • Vanilla JavaScript (Date, setInterval, DOM Manipulation)

How to Use

  1. Clone this repository: git clone https://github.com/phantekzy/js-date-countdown.git

  2. Open the project folder: cd js-date-countdown

  3. Open index.html in your browser to view the project.

Customization

  • To change the countdown target date, edit the line in script.js: const countDownDate = new Date("Sep 08, 2026 00:00:00").getTime();

  • Replace img/background.png and img/rocket.png with your own images if desired.

License

This project is open-source and free to use for learning or personal projects.

About

JS Date Countdown is a simple yet modern "Coming Soon" landing page built with HTML, CSS, and JavaScript. It features a real-time countdown timer that dynamically updates days, hours, minutes, and seconds until a specified launch date.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published