ねこでじ(Nekodigi)

Nekodigi’s diary

学習中の気づきをまとめています。応援よろしくお願いします

【p5.js】あと何秒で寝るとお正月?ー細かいカウントダウンタイマーを作る。

成果物


小学生の時、あと何秒で学校が終わるかよく計算していたので、p5.jsでも実装してみました。目標の日時までの差、残りの、時間or分or秒を表示してくれます。正月に限らずカレンダーマークから任意の日付を選択できます。

仕組み

現在時刻と目標の時間を引き算すると差がミリ秒単位で求められます。それを時間、分、秒に変換すると、あとどのぐらいなのか分かります。日+時間+分+秒と表示する機能も追加したかったので、日から順に差を求める、る独自の方法を使っています。

コード

editor.p5js.org