JavaScript - 2022-01-11

WebStorageを使って初回アクセス時だけLoadingを表示する方法

【.js-loading】はご自由に変更してください。

HTML

<div class="js-loading"></div>

JS

var webStorage = function(){
  var $loading = $('.js-loading');
  if(sessionStorage.getItem('access')){
    $loading.removeClass('is-active');
  } else {
    $loading.addClass('is-active');
    sessionStorage.setItem('access', 0);
  }
}

webStorage();
Related Posts

Related Posts

ロードアニメーションを表示中、スクロールを禁止する方法

2022-01-25

Datatables.jsで検索andページングandソート機能を実装

2017-08-01

WEB制作に役立つ便利ツール・ジェネレーターまとめ

2019-08-21

埋め込み動画が自動再生されない場合の対応方法-Chrome・Firefox対応

2019-03-27