jQuery / JavaScript动画div缩小并返回

Question

我正在尝试动画缩小和放大div上使用jQuery之间的一小段延迟我是个新手，尝试过的代码会循环播放动画，或者放大之前的延迟太长。我当前的代码在下面，但是延迟会超过4000，而不是10。                            document.getElementById("pedigree-column-gen2").style.display = "inline-block";                            $('#pedigree-viewer').animate({ 'zoom': 0.5}, 400);                            setTimeout(function() {                                $("#pedigree-viewer").animate({ 'zoom': 1}, 400);                            }, 10);

Answer 1

您尝试过使用.delay(10)吗？

以您的代码为例：

$('#pedigree-viewer').animate({'zoom': 0.5}, 400).delay(100).animate({'zoom': 1}, 400)

我输入100是因为延迟函数中的值以毫秒为单位，但是可以根据需要进行调整