マウスの操作(6)
要素がクリックされてから、もう一度クリックされるまでの時間を秒単位で計測する

var second=null;  //宣言、secondは空である
$(document).ready(function(ev) {   //ドキュメンンとが読み込まれてから実行
  var intvID=null;
  $('div#content').one('mouseover',function(ev) {
    intvID=setTimeout("void(0)",10);  //時間計測開始(1度だけ実行)
  }).toggle(
   function(ev) {
     second=0;
     $(this).html('クリックされてから<span id="second">0</span>秒経過<br />もう一度クリックすると止まります');
     intvID=setInterval("$('span#second').text(++second);",999);
     },
     function(ev) {
       clearInterval(intvID);
       $(this).html('もう一度クリックされるまでに'+second+'秒間経ちました<br />クリックすると再び計測開始');
  } );
} );


実行前(下の水色枠内をクリックする)
クリックすると計測開始


変更前のhtml
<div id="content">クリックすると計測開始</div>