<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script type="module" src="./main.js"></script>
<link
rel="stylesheet"
href="./style.css
" />
<title>Momentum</title>
</head>
<body>
<h1>Time Until Christmas Eve</h1>
<h2 class="js-clock"></h2>
</body>
</html>
setInterval(() => {
const now = new Date().getTime();
const mas = new Date(`2023-12-25,00:00:00`).getTime();
const leftTime = (mas - now) / 1000;
const seconds = Math.floor(leftTime % 60);
const minute = Math.floor(leftTime / 60) % 60;
const hour = Math.floor(leftTime / (60 * 60)) % 24;
const days = Math.floor(leftTime / (60 * 60 * 24));
document.querySelector(
"h2"
).innerHTML = `${days}day ${hour}hour ${minute}min ${seconds}sec`;
}, 1000);
Log in – 노마드 코더 Nomad Coders
Log in to Nomad Coders
nomadcoders.co
'프로그래밍 > Javascript' 카테고리의 다른 글
| switch case 문 (0) | 2024.01.02 |
|---|---|
| Javascript n초후 검색어기록 저장,검색어 삭제기능 구현 (0) | 2023.09.21 |
| #4 코드챌린지 숫자맞추기게임 (0) | 2023.09.14 |
| 챌린지3-4일차) 이벤트리스너 코드챌린지 (0) | 2023.09.08 |
| [javascript]함수 선언 var let const 차이 (0) | 2023.09.06 |