ローディング画面後のjavascript実行

実現したいこと

ローディング画面が消えてから横から文字が出るjavascriptを実行させたい

前提

ローディング画面中に横から文字が出るjavascriptの実行が終わっているので、
ローディング画面が消えてから横から文字が出るjavascriptを実行させたいです。

該当のソースコード

<script> $(function () { var webStorage = function () { if (sessionStorage.getItem('access')) { /* 2回目以降アクセス時の処理 */ $(".loading").addClass('is-active'); } else { /* 初回アクセス時の処理 */ sessionStorage.setItem('access', 'true'); // sessionStorageにデータを保存 $(".loading-animation").addClass('is-active'); // loadingアニメーションを表示 setTimeout(function () { // ローディングを数秒後に非表示にする $(".loading").addClass('is-active'); $(".loading-animation").removeClass('is-active'); }, 1000); // ローディングを表示する時間 } } webStorage(); }); // スクロール時の処理 $(window).scroll(function() { $('.bgLRextendTrigger').each(function() { var targetElement = $(this).offset().top; var scroll = $(window).scrollTop(); var windowHeight = $(window).height(); if (scroll >= targetElement - windowHeight) { $(this).addClass('bgLRextend'); } else { $(this).removeClass('bgLRextend'); } }); $('.bgappearTrigger').each(function() { var targetElement = $(this).offset().top; var scroll = $(window).scrollTop(); var windowHeight = $(window).height(); if (scroll >= targetElement - windowHeight) { $(this).addClass('bgappear'); } else { $(this).removeClass('bgappear'); } }); $('.bgLRextend2Trigger').each(function() { var targetElement = $(this).offset().top; var scroll = $(window).scrollTop(); var windowHeight = $(window).height(); if (scroll >= targetElement - windowHeight) { $(this).addClass('bgLRextend2'); } else { $(this).removeClass('bgLRextend2'); } }); }); </script>

コメントを投稿

0 コメント