テキストアニメーションの作り方がわかりません

Question

前提・実現したいこと

Ruby on Railsでwebアプリを作っています。

テキストアニメーションを実装中に以下の問題が発生しました。

発生している問題

何も表示されません。

該当のソースコード

<div class="about-bg">
  <div class="container">
    
    <div class="row">
      <div class="heading"><h5>ABOUT</h5></div>
    </div>
    
    <div class="row">
      <h5 class="title">
        <span>使</span>
        <span>用</span>
        <span>方</span>
        <span>法</span>
        <span>&</span>
        <span>注</span>
        <span>意</span>
        <span>事</span>
        <span>項</span>
      </h5>
    </div>
    
  </div>
</div>

.expand-image:hover {
      opacity: 0.8;
    }

.modal {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      background-color: rgba(0, 0, 0, 0.8);
      display: none;
    }

.bigimg {
      position: absolute;
      width: 80%;
      max-width: 800px;
      top: 80px;
      left: 0;
      right: 0;
      margin-right: auto;
      margin-left: auto;
    }

.close-btn {
      color: #fff;
      font-size: 40px;
      position: absolute;
      right: 20px;
      top: 0;
    }

.close-btn a {
      color: #fff;
      text-decoration: none;
    }

const CLASSNAME = "-visible";
const TIMEOUT = 1500;
const $target = $(".title");

setInterval(() => {
  $target.addClass(CLASSNAME);
  setTimeout(() => {
    $target.removeClass(CLASSNAME);
  }, TIMEOUT);
}, TIMEOUT * 2);

試したこと

https://baigie.me/officialblog/2021/02/25/css-tips-1/
上記のサイトを参考にしました。
デベロッパーツールを用いてみましたが、実装部分が丸ごと存在しませんでした。

補足情報（FW/ツールのバージョンなど）

cloud9
rails version 5.2.6

Comments

[yambejp]

jQueryはちゃんと読み込んでいますか？
それとテキストアニメーションの仕様を記載ください

[morfonica]

他のjQueryは機能しています。
仕様は１文字ずつフェードインする感じです。

Answer 1

仕様は１文字ずつフェードインする感じです。

$(function(){
  $('.title span').hide().each(function(x){
    $(this).delay(x*100).fadeIn();
  });
});