デモ
これは 点滅 のテストです。
ここを押下すると、右の文字が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>