Кнопка нажатия открывает страницу x до тех пор, пока отсчет времени откроется страница y ⇐ Html

[Anonymous]

Кнопка нажатия открывает страницу x до тех пор, пока после обратного отсчета. Открытая страница y
Я делаю этот сюрприз для моей жены, она состоит из того, что страница индекса является обратным отсчета до определенной даты. с 1 кнопкой, которая открывает подарок. Теперь я хочу, чтобы кнопка была заблокирована до тех пор, пока не будет сделан обратный отсчет, либо, если возможно, откроет ее страницу, на которой я дразню здесь, как «О, нет, вы не», но если таймер составляет 0, то фактический приз откроется. Если это имеет какой -либо смысл . Любой или способ работы был бы удивительным.
Вот моя кодовая ручка для облегчения отладки и предварительного просмотра: https://codepen.io/probler/pen/kkljxqo

const targetDate = new Date('July 15, 2024 00:00:00');

function updateCountdown() {
const now = new Date();
const remainingTime = targetDate - now;

if (remainingTime
body {
background-color: #1e1f22;
}

.download {
font-family: "JetBrains Mono", monospace;
background-color: #383c44;
height: 35px;
width: 70px;
border-radius: 10px;
border: 0;
box-shadow: none;
text-align: center;
font-size: 23px;
font-weight: bolder;
color: #4cb1c2;
}

.tab {
margin: 3rem;
margin-left: 3.6em;
}

.centered {
position: absolute;
top: 50%;
left: 50%;
display: block;
transform: translate(-50%, -50%);
}

h1 {
font-family: "JetBrains Mono", monospace;
font-size: 35px;
white-space: nowrap;
line-height: 0%;
color: white;
}

p {
font-family: "JetBrains Mono", monospace;
font-size: 20px;
padding-top: 3px;
padding-left: 10px;
font-weight: bolder;
color: #abb2bf;
}

.border {
outline: auto;
outline-color: #383c44;
outline-offset: 15px;
outline-width: 5px;
outline-style: solid;
padding: 10px;
border-top-right-radius: 1%;
border-bottom-left-radius: 1%;
border-bottom-right-radius: 1%;
border-top-left-radius: 1%;
}

.window {
background-color: #383c44;
height: 35px;
width: 150px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
text-align: left;
}

.win-pos {
transform: translateY(-15px);
}

.dot {
height: 13px;
width: 13px;
background-color: #FF6961;
border-radius: 50%;
transform: translate(126px,-38px);
}< /code>




Countdown






Until
Gift
:
{



Days:
,



Hours:
,



Minutes:
,



Seconds:
,




Unlock Gift:


Open


,



};


< /code>
< /div>
< /div>
< /p>
Если это не подходящее место для спроса, то мне извините! но если бы вы могли перенаправить меня, где я должен быть, это было бы полезно.

Подробнее здесь: https://stackoverflow.com/questions/786 ... pen-page-y