Lightningtalks Timer by HTML5

lightningtalkstimer.png

HTML5 で ライトニングトーク用のタイマーを作成した。

詳しくはソースを参照のこと。

使い方等:

  • クリックするたびカウントダウン (デフォルト 5分)
  • 残り時間が少なくなると赤くなる (デフォルト 1分)
  • クエリー文字列:
    • max で、時間 (秒) の設定 (lightningtalktimer.html?max=100 で 100秒)
    • danger で、赤くなる時間 (秒) の設定 (lightningtalktimer.html?danger=10 で 10秒、lightningtalktimer.html?danger=0 だと最後だけ赤くなる)
    • font で、文字サイズ (%) の設定 (lightningtalktimer.html?font=90 で文字の高さが最大値の90%)
  • HTML が 1 ファイルだけで他ファイルへの依存なし (オフラインでも OK)
  • Internet Explorer、Firefox、Safari、Google Chrome、Opera の現時点での最新版で動作
  • iPhone、Android フォン等スマートフォンで動作