[jQuery]初回アクセス時に表示するやつを作る

セッションを使うやつですね。

cookieはこちら

用途

WEBサイトへの初回アクセス時にポップアップを出すとかローディングを挟むとか、そういうギミックを付けたい場合。サイト内の遷移でまた表示されるとダルい。

なので、セッション情報を仕込むことで、セッション情報がない=初回、セッション情報がある=2回目以降、という具合に条件分岐させてコンテンツの表示・非表示を操作する。

やっていく

こんなのがあったとして

<div id="firstAccess">
はい
</div>

こうなってるとして

#firstAccess{ display:none;}
#firstAccess.active{ display:block;}

こうなる。

$(function () {
    var webStorage = function () {
      if (!sessionStorage.getItem('access')) {
        $('#firstAccessPopup').addClass('active');
        sessionStorage.setItem('access', 'true');
      }
    }
    webStorage();
});

以上。

参考:https://web-creates.com/code/jquery-loading-sessionstorage/

コメント

タイトルとURLをコピーしました