M.C.P.C.

―むり・くり―プラスコミュニケーション（更新終了）


| トップページ |

2011年3月28日 22:40

自分用ストップウォッチHTML

このエントリーをはてなブックマークに追加 mixiチェック

とあるキャラクターが作品内で発言し始めるタイミングを取得したかったので（いわゆるタイムライン上の時間を取りたかった）、ストップウォッチアプリとか探したんだけれどもめんどくさくなったので5分ぐらいで何とか作った。また必要になるかどうか知らないけれども、一応自分用として。

Filename: stopwatch.html

<html>
  <head>
    <script type="text/javascript">
    var t = 0;
    function click() {
      var now = new Date;
      if ( t == 0 ) { t = now;  }
      var d = (now - t);
      document.getElementById('t').innerHTML
        += ('0' + Math.floor(d / 60000)     ).slice(-2)
         + ':'
         + ('0' + Math.floor(d / 1000) % 60 ).slice(-2)
         + '<br />';
    }
    </script>
  </head>
  <body>
    <p id="t" style="width: 100%; height: 100%;" onclick="click()";></p>
  </body>
</html>

ブラウザに読み込ませて、何もないところを初回クリックでスタート、2回目以降は、初回からの経過時間を分秒で表示します。

見どころとしてはJavaScriptのゼロパディングぐらいかな。あとJavaScriptのモジュラスもよく忘れる。パーセント記号なんですよね。

ブラウザに時刻を表示させてどうするのか、っていう話ですが、ひととおり記録が終わった後、エクセルにコピペして注釈つけていきます。なにやら編集ソフトに突っ込めば一発なような気がしますが、とりあえず間に合わせで。

投稿　大野 義貴 [Web] | |

トラックバック(0)

トラックバックURL: http://blog.dtpwiki.jp/MTOS/mt-tb.cgi/3539

コメントする

●●●

XPS 13_200x200

○○○

TypePadでSSIで広告をランダムに差し込むすごいやつだよ

Copyright © 2004-2012 OONO Yoshitaka (CL). M.C.P.C. Google+ ページにアクセス Twitter e-mail:

書いている人： CL

印刷会社に13年間務め、DTP編集、製版・出力、システム開発、営業、Webプログラミング、企画、環境保全、労働安全衛生、コールセンター（インバンド・アウトバンド）、生産補助などに携わりました。転職決まりました。

評価・実績：

  • 前職：出力業務（印刷通販・システム整備）
  • 印刷業界内：DTPデータ検証・予防保全
  • 対外実績：独ハイデルベルグ社主催2008年世界環境大賞受賞応募書類作成

詳細→CLのGoogleプロフィール

カテゴリー

総エントリー数：3968

最近のコメント

RSS

最近の記事

最近のトラックバック

バックナンバー

RSS 1.0 RSS 1.0
はてぶカウンタ++
フィードメーター - M.C.P.C.

プロフィール

あわせて読みたい