-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
65 lines (51 loc) · 2.56 KB
/
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
var setButton = document.getElementById("setButton");
var countdownInterval;
function setCountdown(date, message) {
clearInterval(countdownInterval); // Clear any existing interval
document.getElementById("message").innerText = message;
var countDownDate = new Date(date).getTime();
if (isNaN(countDownDate)) {
alert("Invalid date. Please check your input.");
return;
}
countdownInterval = setInterval(function() {
var now = new Date().getTime();
var distance = countDownDate - now;
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
document.getElementById("days").innerHTML = days + "d";
document.getElementById("hours").innerHTML = hours + "h";
document.getElementById("minutes").innerHTML = minutes + "m";
document.getElementById("seconds").innerHTML = seconds + "s";
if (distance < 0) {
clearInterval(countdownInterval);
document.getElementById("timer").innerHTML = "EXPIRED";
}
// Update time left message
document.getElementById("timeLeft").innerHTML = "Remains until " +
new Date(countDownDate).toLocaleString();
}, 1000);
}
function updateCurrentDateTime() {
var now = new Date();
var formattedDate = now.toLocaleDateString();
var formattedTime = now.toLocaleTimeString();
document.getElementById("current-datetime").innerHTML = formattedDate + " " + formattedTime;
}
setButton.onclick = function() {
var title = document.getElementById("title").value;
var date = document.getElementById("date").value;
var month = document.getElementById("month").value - 1; // JavaScript months are 0-indexed
var year = document.getElementById("year").value;
var userDate = new Date(year, month, date);
setCountdown(userDate, title);
}
// Set default countdown for New Year 2025
window.onload = function() {
var defaultDate = new Date(2025, 0, 1); // January 1, 2025
setCountdown(defaultDate, "Happy New Year");
updateCurrentDateTime();
setInterval(updateCurrentDateTime, 1000);
}