Javascript 无限循环到JS驱动的文本缩放动画

我在一个页面上有这段代码，它可以放大、缩小，然后恢复原始文本大小

我想知道如何减速和无休止地循环这个动画

下面是javascript-

$(".text1 h1 span").animate({"zoom": "1.2", "-ms-zoom": "1.2", "top":"-5px"}, function(){
                $(".slide5 h1 span").animate({"zoom": "0.8", "-ms-zoom": "0.8", "top":"5px"}, function(){
                $(".slide5 h1 span").animate({"zoom": "1", "-ms-zoom": "1", "top":""});                                                                       
                });                                                           
    });

---

请帮忙

您可以添加“持续时间”属性来设置动画以降低其速度。递归调用动画以生成如下无限循环：

function loop(){
    $(".text1 h1 span").animate({"zoom": "1.2", "-ms-zoom": "1.2", "top":"-5px", duration: 1000}, function(){
        $(".slide5 h1 span").animate({"zoom": "0.8", "-ms-zoom": "0.8", "top":"5px", duration: 1000}, function(){
            $(".slide5 h1 span").animate({"zoom": "1", "-ms-zoom": "1", "top":"", duration: 1000}, loop);                                                                       
        });                                                           
    });                                                               
}
loop();

请注意，循环被声明和调用两次，第一次是触发器，第二次是缩放到1后的下一次动画迭代

function anim1() {
    $(".slide5 h1 span").animate({"zoom": "0.8", "-ms-zoom": "0.8", "top":"5px"}, 2000, anim2);
}
function anim2() {
    $(".slide5 h1 span").animate({"zoom": "1", "-ms-zoom": "1", "top":""}, 2000, anim1);
}

$(".text1 h1 span").animate({"zoom": "1.2", "-ms-zoom": "1.2", "top":"-5px"}, 1000, anim1);

数字（本例中为1000或2000）是动画所需的时间-数字越大，动画速度越慢

---

这段代码将在一秒钟内完成第一部分，然后每4秒连续完成第二部分和第三部分

@JaromandaX不是一个解决方案，我不能对此进行更改以执行我想要的吗？实际上，这是一个解决方案。是的，你可以修改你的代码来做你想做的事情。答案在你已经发布的代码中，animate函数中的回调是keyThreak@JaromandaX，如果你不介意的话，我该怎么做呢？你想循环动画的所有三个部分，或者仅仅是最后两个部分？效果惊人。谢谢