Question

我想知道我是否可以为我的代码添加计时器。就像做一个命令然后3秒钟再做另一个命令。就像在我的例子中，我有两个盒子，我用css创建。但我希望第一个盒子立即移动，第二个盒子几秒钟后移动，是否可能？如果是这样，怎么样？

<script>
jQuery(document).ready(function () {
    jQuery("#firstbox").animate({ top: '500px' }, 'slow');
    jQuery("#secondbox").animate({ top: '500px' }, 'slow');
});
</script>

Answer 1

您可以使用setTimeout，如下所示：

<script>
jQuery(document).ready(function () {
    jQuery("#firstbox").animate({ top: '500px' }, 'slow');
    setTimeout(function(){
        jQuery("#secondbox").animate({ top: '500px' }, 'slow');
    },3000);
});
</script>

Answer 2

您可以使用delay()在animate()运行之前设置一些延迟。

设置计时器以延迟执行队列中的后续项目。

jQuery("#firstbox").animate({
    top: '500px'
}, 'slow');

jQuery("#secondbox").delay(3000).animate({
    top: '500px'
}, 'slow');

JQuery中有计时功能吗？

2 个答案: