○○まで後何日？アプリを作成してみた

jsのDateオブジェクトは使いにくいのでmoment.jsというライブラリを使って作成する。

日付はドラえもんが生まれる日に設定した。

var timer //タイマー設定

const will = moment("2112-09-03 12:00")//日付選択

const doraemon = document.createElement("p")//要素作成
const body = document.querySelector('body');//親ノード取得
body.appendChild(doraemon)//子ノード追加




function count() {
    let date = moment();
    let secondLeft =(will.diff(date,"second")%60)
    let minuteLeft=(will.diff(date, "minute") % 60)
    let hourLeft=(will.diff(date, "hour") % 24)
    let dayLeft=(will.diff(date, "days") % 24)
    let monthLeft=(will.diff(date, "month") % 12)
    let yearLeft=(will.diff(date, "year"))
    doraemon.textContent = `ドラえもんが生まれるまで後${yearLeft}年${monthLeft}${dayLeft}日${hourLeft}月${minuteLeft}分${secondLeft}秒`
}

count()
timer = setInterval("count()", 1000)