[ 勉強 ] リサイズが完了したタイミングでjQueryコードを実行する方法

レスポンシブWebデザインのWebサイトを作る際、リサイズの処理をよくするのですが、処理回数が多いと、表示に負荷をかけてしまいますので、リサイズが完了したときだけ、処理をする方法がないか調べていたらありました。

Java Script

$(function() {
    var w = $(window).width();
    var x = 768;
    if (w <= x) {
    $(".hoge").addClass("pele");
    }
    var timer = false;
    $(window).resize(function() {
        if (timer !== false) {
            clearTimeout(timer);
        }
        timer = setTimeout(function() {
            var w = $(window).width();
            var x = 768;
            if (w <= x) {
                $(".hoge").addClass("pele");
            }else{
                $(".hoge").removeClass("pele");
            }
        }, 200);
    });
});

なるほどー。タイマーを使えばよいのですね!勉強になりました。