サイトの演出を、初回訪問時のみに制御したい

Question

前提・実現したいこと

こちらのサイトにサンプルのある「背景色が伸びる」演出を、初回セッション時のみ作動するように実装を試みています。
https://coco-factory.jp/ugokuweb/move01/4-2-1/

試したこと

初回セッションに作動させる方法を調べて、こちらの記事Jを参考に「jquery.cookie.js」を使おうとしてみました。
http://black-flag.net/jquery/20111115-3552.html

発生している問題・エラーメッセージ

下記のソースコードのように演出のコードを、初回のみの表示に制御するコードに入れてもJS自体が動かなくなってしまいます。
(あまりJqueryに慣れておらず、基本的な書き間違えの可能性もあります）

該当のソースコード

演出のコード

$(window).on('load',function(){
$("#splash-logo").delay(1200).fadeOut('slow');
$("#splash").delay(1500).fadeOut('slow',function(){
$('body').addClass('appear');
});
});

演出を初回のみの表示に制御するコード

$(function(){
    if($.cookie("access")){
        //ここに演出のコードをそのまま入れても動かない
    }
    $(window).load(function(){
        $.cookie("access",$('body').addClass('access'));
    })
});

原因に目処がつく方いましたら、ご回答いただけますと嬉しいです。

Answer 1

これではないでしょうか？

https://zenn.dev/junki555/articles/c25c1cb729d334990a6c

// jQuery 3.0以降
$(window).on('load', function() {});

適当なalertとか挟んでみて、loadの中のが走っているかを確認してみるのがいいと思います。

Comments

[kokotte]

ご回答ありがとうございます！
$(window).on('load', function() {});
一応こちらの書き方に変えた上で、if文の}else {の中に記述することで解決しました。

ご回答ありがとうございました！

Answer 2

最終的なコードをメモ

$(function(){
  if($.cookie("access")){
    $('#opening').css({display:'none'});
    $('#work-container').css({opacity:'1.0'});
    } else {
      $(window).on('load',function(){
      $("#splash-logo").delay(1200).fadeOut('slow');
      $("#splash").delay(1500).fadeOut('slow',function(){
      $('body').addClass('appear');
      });
      });
  }
  $(window).on(function(){
    $.cookie("access",$('body').addClass('access'));
  })
});