顺序字母淡入淡出不按顺序工作，所有同时淡入 jQuery

Question

我正在尝试淡入一串字母，我不确定为什么它们在不同时间不淡入。

<script>
window.onload = function() {
$( "#A" ).fadeIn( "500" );
$( "#B" ).fadeIn( "600" );
$( "#C" ).fadeIn( "700" );
$( "#D" ).fadeIn( "800" );
$( "#E" ).fadeIn( "900" );
$( "#F" ).fadeIn( "1000" );
$( "#G" ).fadeIn( "1100" );
$( "#H" ).fadeIn( "1200" );
$( "#I" ).fadeIn( "1300" );
$( "#J" ).fadeIn( "1400" );
$( "#K" ).fadeIn( "1500" );
$( "#L" ).fadeIn( "3600" );
}
</script>

Answer 1

持续时间以毫秒为单位（整数值）；可以提供字符串 'fast' 和 'slow' 来分别指示 200 和 600 毫秒的持续时间。如果提供任何其他字符串，或者如果省略持续时间参数，则使用默认持续时间 400 毫秒。如果您使用整数值而不是字符串，则可以使此代码正常工作。

$( "#A" ).fadeIn( 500 );
$( "#B" ).fadeIn( 600 );

在您的脚本中，淡入在每种情况下都采用默认时间设置。

如果你想按顺序工作

$( "#A" ).fadeIn( 500, function() {
$( "#B" ).fadeIn( 100 );
});

Answer 2

当你添加时间为500、600时，淡入淡出的速度会发生变化，但同时开始淡出。你的代码应该是

$(document).ready(function ()
{

     $("#A").fadeIn( 500,function ()
     {
        $("#B").fadeIn( 500,function ()
         {
                $("#C").fadeIn(500,function ()
                 {

                 });
         });
     });
});

添加了一个接一个淡出的回调函数

顺序字母淡入淡出不按顺序工作，所有同时淡入 jQuery

sequential letter fading not working in sequence, all fade in at same time jQuery

jquery

fade

sequence