diff --git a/css/elzero.css b/css/elzero.css
index 26eefa6..3fa57a9 100644
--- a/css/elzero.css
+++ b/css/elzero.css
@@ -956,6 +956,9 @@ ul {
padding: 15px;
color: var(--main-color);
font-weight: bold;
+ display: flex;
+ justify-content: center;
+ align-items: center;
}
.events .info .time .unit span:last-child {
padding: 8px 10px;
diff --git a/index.html b/index.html
index 2ebbd17..6911485 100644
--- a/index.html
+++ b/index.html
@@ -673,19 +673,19 @@
Latest Events
- 15
+ 00
Days
- 08
+ 00
Hours
- 45
+ 00
Minutes
- 55
+ 00
Seconds
diff --git a/js/main.js b/js/main.js
index f4d5e02..861dce9 100644
--- a/js/main.js
+++ b/js/main.js
@@ -6,32 +6,35 @@
// The End Of The Year Date
// 1000 milliseconds = 1 Second
-let countDownDate = new Date("Dec 31, 2022 23:59:59").getTime();
+let countDownDate = new Date("Dec 31, 2021 23:59:59").getTime();
// console.log(countDownDate);
-let counter = setInterval(() => {
- // Get Date Now
- let dateNow = new Date().getTime();
+// Get Date Now
+let dateNow = new Date().getTime();
- // Find The Date Difference Between Now And Countdown Date
- let dateDiff = countDownDate - dateNow;
+// Find The Date Difference Between Now And Countdown Date
+let dateDiff = countDownDate - dateNow;
- // Get Time Units
- // let days = Math.floor(dateDiff / 1000 / 60 / 60 / 24);
- let days = Math.floor(dateDiff / (1000 * 60 * 60 * 24));
- let hours = Math.floor((dateDiff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
- let minutes = Math.floor((dateDiff % (1000 * 60 * 60)) / (1000 * 60));
- let seconds = Math.floor((dateDiff % (1000 * 60)) / 1000);
+if (dateDiff > 0) {
+ // If the event haven't started yet
+ setInterval(() => {
+ // Update The Date Now And The Difference
+ dateNow = new Date().getTime();
+ dateDiff = countDownDate - dateNow;
+ // Get Time Units
+ // let days = Math.floor(dateDiff / 1000 / 60 / 60 / 24);
+ let days = Math.floor(dateDiff / (1000 * 60 * 60 * 24));
+ let hours = Math.floor((dateDiff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+ let minutes = Math.floor((dateDiff % (1000 * 60 * 60)) / (1000 * 60));
+ let seconds = Math.floor((dateDiff % (1000 * 60)) / 1000);
- document.querySelector(".days").innerHTML = days < 10 ? `0${days}` : days;
- document.querySelector(".hours").innerHTML = hours < 10 ? `0${hours}` : hours;
- document.querySelector(".minutes").innerHTML = minutes < 10 ? `0${minutes}` : minutes;
- document.querySelector(".seconds").innerHTML = seconds < 10 ? `0${seconds}` : seconds;
-
- if (dateDiff < 0) {
- clearInterval(counter);
- }
-}, 1000);
+ document.querySelector(".days").innerHTML = days < 10 ? `0${days}` : days;
+ document.querySelector(".hours").innerHTML = hours < 10 ? `0${hours}` : hours;
+ document.querySelector(".minutes").innerHTML = minutes < 10 ? `0${minutes}` : minutes;
+ document.querySelector(".seconds").innerHTML = seconds < 10 ? `0${seconds}` : seconds;
+ }, 1000);
+}
+// Else: The date in the html file is already zero
/*
** Animate Width On Scrolling