jQueryでウィンドウリサイズ時にタイマー処理。

2013.11.11 / Notes

JavaScript
jQuery

ウィンドウのリサイズ時に、少し遅れて画像を移動させたりするためのタイマー処理のメモです。
「resize」の部分を「scroll」にすれば、スクロール時のタイマー処理になります。

var timer;
var delay = 100;//遅延時間（ミリ秒）
$(window).resize(function() {
	if (timer) {
		clearTimeout(timer);
	}
	timer = setTimeout(onTimer, delay);
});

function onTimer() {
    //処理
}

var timer;

var delay = 100;//遅延時間（ミリ秒）

$(window).resize(function() {

if (timer) {

clearTimeout(timer);

}

timer = setTimeout(onTimer, delay);

});

function onTimer() {

//処理

}