<div class="countdown-container">
<div id="cargo-timer-title">마감까지 남은 시간</div>
<div id="cargo-target-date">2026년 5월 22일 23시 59분 59초</div>
<div id="cargo-timer">00:00:00</div>
</div><style>
/* Cargo 사이트 분위기에 맞춰 서체를 조절할 수 있습니다 */
.countdown-container {
text-align: center;
padding: 20px;
font-family: sans-serif;
}
#cargo-timer-title {
color: #86868b;
font-size: 1.2rem;
margin-bottom: 5px;
}
#cargo-target-date {
color: #6e6e73;
font-size: 0.9rem;
margin-bottom: 25px;
}
#cargo-timer {
font-size: 4.5rem;
font-weight: 700;
font-variant-numeric: tabular-nums;
letter-spacing: -2px;
}
</style><script>
// 목표 시간 설정: 2026년 5월 22일 23시 59분 59초
const targetDate = new Date(2026, 4, 22, 23, 59, 59); function updateTimer() {
const now = new Date();
const difference = targetDate - now; if (difference <= 0) {
document.getElementById('cargo-timer').innerText = "00:00:00";
document.getElementById('cargo-timer-title').innerText = "목표 시간이 마감되었습니다.";
clearInterval(timerInterval);
return;
} const totalSeconds = Math.floor(difference / 1000);
const hours = Math.floor(totalSeconds / 3600);
const minutes = Math.floor((totalSeconds % 3600) / 60);
const seconds = totalSeconds % 60; const displayHours = String(hours).padStart(2, '0');
const displayMinutes = String(minutes).padStart(2, '0');
const displaySeconds = String(seconds).padStart(2, '0'); document.getElementById('cargo-timer').innerText = `${displayHours}:${displayMinutes}:${displaySeconds}`;
} const timerInterval = setInterval(updateTimer, 1000);
updateTimer();
</script>
마감까지 남은 시간
2026년 5월 22일 23시 59분 59초
00:00:00