『タイマー』や『アラーム』ではなく、目標時間からの『カウントダウンタイマー』を作りました!

目標時間を『Tarket Time』へ入力してください。それだけです!

人生の時間を有意義に!

 

https://tubular-tiramisu-8ee585.netlify.app/

目標時間を4桁で入力するだけで、その時間まであと何時間何分あるかがわかるカウントダウン時計を作りました。

スマートウォッチやキッチンタイマーとかいろいろと考えていましたが、プログラムで作ったほうが早い!

コードを一行も書かないで(書けないので)、Bolt.ai でプロンプトのみで作っています。

レスポンシィブなWebアプリで、
指定時刻を指定し、カウントダウンをするアプリを作ります。
KNN CountDown Timer
最初の画面。
現在の年月日 曜日 yy:mm:dd:days すべて英語表記
時刻 hh:mm:ss
4桁の指定時刻入力(HH:MM形式)
START ボタン
入力された時刻までの1秒ごとのカウントダウン表示
指定時刻も表示する。
スタートボタンはリセットボタンに変わる。
指定時刻がくると
タイマー終了時のフラッシュ効果
リセット機能
アプリケーションが起動したら、以下の操作が可能です:
時刻を4桁で入力(例:0900 = 09:00)
STARTボタンをクリックしてカウントダウン開始

RESETボタンでタイマーをリセット

bolt.ai 月額20ドルでいろいろできて楽しいですね!

https://bolt.ai

GitHubにソースコードも公開してみました。

https://github.com/knnkanda/countdown_timer