<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度処理

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.