デモ

これは  点滅  のテストです。

ここを押下すると、右の文字が5回点滅します。  点滅 

ここを押下すると、右の文字が2秒後に点滅します。  点滅 

時計のサンプル 

ソース

javascript

$(function(){
  //1秒ごとにクラスを付与したり削除したりする
  $('.example1').repeat(1000).toggleClass('label-warning');
  //ボタンを押下すると、10回まではクラスを付与したり削除したりする
  $('#example2').click(function(){
    $('.example2').repeat(1000).toggleClass('label-warning').until(10);
  });
  //ボタンを押下すると、2秒後にクラスを付与し、5秒後にクラスを削除する
  $('#example3').click(function(){
    $('.example3').wait(2000).addClass('label-warning').wait(5000).removeClass('label-warning');
  });
  //時計
  $('.example4').repeat(1000,true).text(Date);
});

HTML

<div class="well">
<p>これは <span class="example1 label"> 点滅 </span> のテストで
す。</p>
<p><a href="#" id="example2">ここ</a>を押下すると、右の文字が5回点>滅します。 <span class="example2 label"> 点滅 </span></p>
<p><a href="#" id="example3">ここ</a>を押下すると、右の文字が2秒後>に点滅します。 <span class="example3 label"> 点滅 </span></p>
<p>時計のサンプル <span class="example4 label"></span></p>
</div>

  • タイマー処理
  • timing
  • jQuery