プロンプト

25分をカウントダウンする集中タイマーを作成してください。インストール不要で、他のファイルも一切使わず、ブラウザでそのまま開ける単一のHTMLファイルにしてください。CSSとJavaScriptもその中に含めてください。

残り時間は画面の中央に大きく表示してください。ボタンは「スタート」「一時停止」「リセット」の3つだけで十分です。時間になったら、画面全体の色が変わり、大きな文字が表示される。

一時停止したあとに再開したときは止まったところから続き、リセットしたときは設定した時間に戻るようにしてください。別のタブをしばらく開いていてもカウントがずれないよう、単に秒数をカウントダウンするのではなく、時計の現在時刻から残り時間を計算してください。

画像ファイルや外部のアドレスは一切使わないでください。音が必要な場合は、ブラウザ自身が生成できる短い音を使ってください。

完成したら、スタート、一時停止、スタート、リセットを実際に押すように動作確認をしてください。おかしなところがあれば修正し、最終的なコードのみを出力してください。