jquery/javascript中的多重淡入

我想在页面加载时淡入第一段，5秒后淡入第二段 当页面加载时。我已经把这两个隐藏在css中了

    <p class="welcome">WELCOME &nbsp;    TO  &nbsp;  PAG</p>
    <p class="touch">"a land of passes"</p>

      <script>
              $(document).ready(function () {
              $('.welcome').fadeIn(5000).removeclass('hidden');
              $('.touch').delay(5000),fadeIn(5000).removeclass('hidden');

           });

       </script>

欢迎来到PAG
    <p class="welcome">WELCOME &nbsp;    TO  &nbsp;  PAG</p>
    <p class="touch">"a land of passes"</p>

      <script>
              $(document).ready(function () {
              $('.welcome').fadeIn(5000).removeclass('hidden');
              $('.touch').delay(5000),fadeIn(5000).removeclass('hidden');

           });

       </script>

“通行证之地”
    <p class="welcome">WELCOME &nbsp;    TO  &nbsp;  PAG</p>
    <p class="touch">"a land of passes"</p>

      <script>
              $(document).ready(function () {
              $('.welcome').fadeIn(5000).removeclass('hidden');
              $('.touch').delay(5000),fadeIn(5000).removeclass('hidden');

           });

       </script>

$（文档）.ready（函数（）{
$（'.welcome'）.fadeIn（5000）.removeclass（'hidden'）；
$（'.touch'）.delay（5000）、fadeIn（5000）、removeclass（'hidden'）；
});

在第一个动画的完整回调内触发第二个动画

    <p class="welcome">WELCOME &nbsp;    TO  &nbsp;  PAG</p>
    <p class="touch">"a land of passes"</p>

      <script>
              $(document).ready(function () {
              $('.welcome').fadeIn(5000).removeclass('hidden');
              $('.touch').delay(5000),fadeIn(5000).removeclass('hidden');

           });

       </script>

$(document).ready(function() {
  $('.welcome').fadeIn(5000, function() {
    $('.touch').fadeIn(5000).removeClass('hidden');
  }).removeClass('hidden');
});

$（文档）.ready（函数（）{
$（'.welcome'）.fadeIn（5000，函数（）{
$（'.touch'）.fadeIn（5000）.removeClass（'hidden'）；
}).removeClass（“隐藏”）；
});
。欢迎光临，
.触摸{
显示：无；
}

欢迎来到PAG
    <p class="welcome">WELCOME &nbsp;    TO  &nbsp;  PAG</p>
    <p class="touch">"a land of passes"</p>

      <script>
              $(document).ready(function () {
              $('.welcome').fadeIn(5000).removeclass('hidden');
              $('.touch').delay(5000),fadeIn(5000).removeclass('hidden');

           });

       </script>

“通行证之地”
您可以使用
.promise（）
，
.then（）
。注意，
.removeclass（）
应该是
.removeclass（）

    <p class="welcome">WELCOME &nbsp;    TO  &nbsp;  PAG</p>
    <p class="touch">"a land of passes"</p>

      <script>
              $(document).ready(function () {
              $('.welcome').fadeIn(5000).removeclass('hidden');
              $('.touch').delay(5000),fadeIn(5000).removeclass('hidden');

           });

       </script>


。欢迎，.touch{
显示：无；
}

$（文档）.ready（函数（）{
$（'.welcome'）.fadeIn（5000）
.promise（）.then（函数（））{
返回$（this.removeClass（'hidden'）；
})
.然后（函数（）{
$（'.touch'）。延迟（5000）
.fadeIn（5000）.removeClass（'hidden'）；
})
});
欢迎来到PAG
    <p class="welcome">WELCOME &nbsp;    TO  &nbsp;  PAG</p>
    <p class="touch">"a land of passes"</p>

      <script>
              $(document).ready(function () {
              $('.welcome').fadeIn(5000).removeclass('hidden');
              $('.touch').delay(5000),fadeIn(5000).removeclass('hidden');

           });

       </script>

“通行证之地”
您的示例应该可以运行，您只需修复语法错误，使用
.fadeIn（5000）
而不是
，fadeIn（5000）
（点而不是逗号）
    <p class="welcome">WELCOME &nbsp;    TO  &nbsp;  PAG</p>
    <p class="touch">"a land of passes"</p>

      <script>
              $(document).ready(function () {
              $('.welcome').fadeIn(5000).removeclass('hidden');
              $('.touch').delay(5000),fadeIn(5000).removeclass('hidden');

           });

       </script>