JavaScriptで制作したキッチンタイマー(カウントダウンクロック)

概要

JavaScriptで作ったキッチンタイマーです。「あと何分」というのと、二十四時間先までの「何時何分まで」というのの二通りの計測が出来ます。

カップラーメンが出来るまでの時間を測定したり、見たいテレビがはじまるまでの時間を測定したりと、色々な活用が出来ます。

これが本体です→ misc/kitchentimer.html

使い方の前に、必要な環境ですが、当方はWindows XPのIE6で制作してますのでそれ以外の環境では動かない可能性が高いです。

Netscapeの新しいのと、Mac用IE5については将来的に対応する可能性も無くは無いですが、それ以外は対応する可能性は低いです。

ブラウザでJavaScriptが使えるようになっている必要があります。あと、音が出たほうが楽しいです。

「あと何分何秒」を測定したい場合は分・秒のところを変更してください。

「何時何分まで」を測定したい場合は、何時何分までのところを変更してください。(24時間制で入力してください)

入力フォームが白くなっているほうが現在の測定モードです。(「あと何分」モードか、もしくは、「何時何分まで」モードか、という意味です)

数値をセットしたら測定開始ボタンを押してスタートです。

追加機能として、「0分0秒」を計ると、数字が赤くなりません。(色々試すとこの意味がわかります)

結構深刻なのですが、たまに一秒狂います。原因調査中です。イベント会場などでプロジェクターなどで投射して大勢で声を張り上げてカウントダウンしたりすると大恥をかく可能性が高いので注意してください。
毎分ゼロ秒にポップン、という音がして、9秒前からカウントダウン、残り時間ゼロで拍手しますが、現在のところ、これはオフに出来ません。(優先修正課題です)
他のページに移動して戻ると台無しになる (直せるはずですのでそのうち直します)

あ、あと、文字の大きさの調節がまだ完成してないです。色々ウインドウサイズを変えてみて、妥協点を探ってください。

なにか不明点、希望その他がありましたら本ページ最下部に記載しているメイルアドレスまで。

以下は僕用のメモですので読む必要はありません。

タイトルバーに時間表示

測定中止を押した時音を止める

文字の大きさですけど、真ん中のを最初に横幅一杯まで広げて、残りの領域を按分するっていうのはダメかな? (超縦長ウインドウの時は??)

GPLの適用方法を再確認(急ぎ)

中断ボタン、

音の設定、

画面デザイン (を選択できるようにする)

要所要所をスタイルシートにして簡単に変更できないか (特にボタンとフォーム)

共有するためのフォームをつけたUIデザイン、(用件を書き込むなど)

年月日字分秒をURLに埋め込んでカウントダウン。 URIを作るフォームを作って出来たURIをメールでばら撒こう、というサービスに仕立てる

設定の出し方を考える(ナントカdialogboxとかいうのは使えないか)

設定によって、window.openする簡素な画面バージョンを作れるようにする openerはhistoryがなければclose出来るように出来ます?

startTimeとtargetTimeをクッキーに保存できると一度閉じても平気なタイマーになる

うねったイメージを作って壁紙にする

x フォームの白地はモードに応じて背景色の濃淡をつけ、何モードかわかるようにする

x 秒数の桁数に応じてフォントサイズを調整できないか (レイアウト変更で不要)

x 0秒でカウント開始した時は文字を赤くしない x 最初はamountchangedな状態で

x amountchangedじゃないときに開始した時、一秒ずれる

x amountchangedなとき、(……まで)の時刻、アップデートしてた?

x 「あと何秒」と、00:03:00は逆でいいのでは

最終更新: 2003-11-05

ホーム / 索引 / 更新履歴