jQuery / JavaScript动画div缩小并返回

时间:2019-04-08 00:58:29

标签: javascript jquery

我正在尝试对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);

1 个答案:

答案 0 :(得分:0)

您是否尝试过使用.delay(10)

例如您的代码:

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

我放置了100,因为延迟函数中的值以毫秒为单位,但是可以根据需要进行调整