JQuery/Javascript动画div缩小和缩回

JQuery/Javascript动画div缩小和缩回,javascript,jquery,Javascript,Jquery,我正在尝试在使用jquery之间有一个小延迟的情况下对div进行动画缩小和放大 我是个新手,我试过的代码要么循环动画,要么放大前的延迟太长。我当前的代码如下,但延迟更像是4000次,而不是10次 document.getElementById("pedigree-column-gen2").style.display = "inline-block"; $('#pedigree-vie

我正在尝试在使用jquery之间有一个小延迟的情况下对div进行动画缩小和放大

我是个新手,我试过的代码要么循环动画,要么放大前的延迟太长。我当前的代码如下,但延迟更像是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);

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

例如,使用您的代码:

$(“#谱系查看器”)。动画({'zoom':0.5},400)。延迟(100)。动画({'zoom':1},400)

我之所以选择100,是因为延迟函数中的值是以毫秒为单位的,但是可以根据您的需要随意调整它

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

例如,使用您的代码:

$(“#谱系查看器”)。动画({'zoom':0.5},400)。延迟(100)。动画({'zoom':1},400)

我之所以选择100,是因为延迟函数中的值以毫秒为单位,但请根据您的需要随意调整它

谢谢您的回复。我也试过了,但动画只是继续循环。如果我在结尾添加了一个.stop(false),那么动画就会闪烁。你删除了setTimout了吗?我刚刚解决了循环中的一个问题,现在就好了。非常感谢。谢谢你的回复。我也试过了,但动画只是继续循环。如果我在结尾添加了一个.stop(false),那么动画就会闪烁。你删除了setTimout了吗?我刚刚解决了循环中的一个问题,现在就好了。非常感谢你。