JavaScriptでのfunctionを一定の間隔で繰り返し処理を行う時の指定に使う「setInterval」。
jQueryでこの指定を使うこともでき、単純な記述ですが、さまざまなループ処理などにも使えるので参考までに使い方をメモ書きしておきます。
jQueryでsetInterval
$(function(){
setInterval(function(){
~ここに処理を記載~
},1000);
});
最後の数値部分は繰り返し処理を行う間隔になります。
例えば、3秒ごとに画像の位置を10pxずつ、ズラす場合は
$(function(){
$('img').css({left:'0',position:'absolute'});
setInterval(function(){
$('img').stop().animate({left:'+=' + '10' + 'px'},1000);
},3000);
});
この様な書き方で実現できます。
(あまり現実的ではない処理ですが。。。)
実際に実行させると以下の様になります。
jQuery SetInterval【SAMPLE】
ループし続ける画像のスライドショー処理などでも、この「setInterval」を使って簡単に実装することが出来るので何かと便利に使えたりします。
ご参考までに。。。
