１文字ずつ浮き上がってきます

var 変数① = $("h1");

var 変数② = 変数①.text();

var 変数③ = 変数②.split('');

var 変数④ = "";
for (var i = 0;i < 変数③.length;i++) {
  変数④ += (${変数③[i]});
}

$("h1").html(変数④);

$(function () {
   var 変数１ = $("h1");
   var 変数２ = 変数１.text();
   var 変数３ = 変数２.split('');
   var 変数４ = "";
   for (var i = 0;i < 変数３.length;i++) {
     変数４ += (  $ {変数３[i]} );
   }
   $("h1").html(変数４);
 });

$("span").css({
    opacity: 0
});
var n = 0;

function func() {
    $("span").eq(n).css({
        opacity: '0.0'
    }).animate({
        opacity: '1'
    }, 1500);
    n++;
    var tid = setTimeout(function () {
        func();
    }, 500);
    if (n > 変数４.length) {
        clearTimeout(tid);
    }
}
func();

$(function () {
    var 変数１ = $("h1");
    var 変数２ = 変数１.text();
    var 変数３ = 変数２.split('');
    var 変数４ = "";
    for (var i = 0; i < 変数３.length; i++) {
        変数４ += (   $ {変数３[i]}  );
    }
    $("h1").html(変数４);
    $("span").css({
        opacity: 0
    });
    var n = 0;

    function func() {
        $("span").eq(n).css({
            opacity: '0.0'
        }).animate({
            opacity: '1'
        }, 1500);
        n++;
        var tid = setTimeout(function () {
            func();
        }, 500);
        if (n > 変数４.length) {
            clearTimeout(tid);
        }
    }
    func();
});

ぜひ参考にして見てください！
それでは今回はここで筆を置かせていただきます。
最後まで記事をご覧いただきありがとうございました！