<div class="countdown">
<span id="days"></span>日
<span id="hour"></span>時間
<span id="minutes"></span>分
<span id="seconds"></span>秒
</div>
let countdown = setInterval(function(){
const now = new Date() //今の日時
const target = new Date("2100/01/01 00:00:00") //ターゲット日時を取得(例:2100年1月1日 00時00分00秒)
const remainTime = target - now //差分を取る(返りはミリ秒)
//指定の日時を過ぎていたら処理をしない
if(remainTime < 0) return false
//差分の日・時・分・秒を取得
const difDay = Math.floor(remainTime / 1000 / 60 / 60 / 24)
const difHour = Math.floor(remainTime / 1000 / 60 / 60 ) % 24
const difMin = Math.floor(remainTime / 1000 / 60) % 60
const difSec = Math.floor(remainTime / 1000) % 60
//残りの日時を上書き
document.getElementById("days").textContent = difDay
document.getElementById("hour").textContent = difHour
document.getElementById("minutes").textContent = difMin
document.getElementById("seconds").textContent = difSec
//指定の日時になればカウントを止める
if(remainTime < 0) clearInterval(countdown)
}, 1000) //1秒間に1度処理
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.