<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Countdown to Meeting</title>
<style>
body {
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #000;
color: white;
font-size: 48px;
font-weight: bold;
text-align: center;
}
#countdown {
background-color: rgba(0, 0, 0, 0.6);
padding: 20px;
border-radius: 10px;
}
</style>
</head>
<body>
<div id=”countdown”></div>
<script>
function updateTimer() {
const meetingDate = new Date(“2024-09-06T12:00:00-04:00”).getTime(); // Date and time for Friday at 12:00 PM (NYC time)
const now = new Date().getTime();
const distance = meetingDate – now;
const days = Math.floor(distance / (1000 * 60 * 60 * 24));
const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((distance % (1000 * 60)) / 1000);
if (distance < 0) {
document.getElementById(“countdown”).innerHTML = “It’s time!”;
} else {
document.getElementById(“countdown”).innerHTML =
days + ” days ” + hours + ” hours ” + minutes + ” minutes ” + seconds + ” seconds until you meet!”;
}
}
setInterval(updateTimer, 1000);
</script>
</body>
</html>
