Question

如何在它们之间略有差距的情况下开始行动？

    $('.html').css( 'width', '98%' );
    $('.html').text( "98%" );
    $('.css').css( 'width', '98%' );
    $('.css').text( "98%" );

我尝试使用.delay()，但无效。

提前感谢您的回答

Answer 1

这会强制每个函数在前一个函数停止后执行

$('.html').css( 'width', '98%' )
.queue(function() {
   $('.html').text( "98%" )
   .queue(function() {
        $('.css').css( 'width', '98%' )
        .queue(function() {
            $('.css').text( "98%" );
            $(this).dequeue();
        });
        $(this).dequeue();
   });
   $(this).dequeue();
})

Answer 2

尝试以下代码。更改200或多或少延迟。

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script>
    $('.html').css( 'width', '98%' );
    $('.html').text( "98%" );
    setTimeout(function()
    {
        $('.css').css( 'width', '98%' );
        $('.css').text( "98%" );
    }, 200);
</script>

等到一个动作结束然后开始另一个动作

2 个答案: