jQuery使用伪递归重复执行动画

最新推荐文章于 2022-11-03 19:25:42 发布

weixin_30265171

最新推荐文章于 2022-11-03 19:25:42 发布

阅读量119

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/3body/p/5416870.html

版权

使用setInterval()来重复执行动画，会因为动画执行过程的时候，setInterval()的时间依然是在走的，所以会导致动画的调用时间不理想，因此只能使用递归来重复执行动画。

// 首页LOGO渐显
$(function(){
    var t=$('#home_main img');
    setTimeout(function(){  //首次执行动画间隔0.5秒
        (function am(){  //创建动画函数立即执行
            t.animate({"opacity":1},1200,function(){
                t.animate({"opacity":0.2},1200,am); //递归重复执行动画（jquery实现动画应该是执行完后就会销毁之前的动画，这里只是不断的创建执行而已，不能算是真正的递归）
            });
        })();
    },500);
});

转载于:https://www.cnblogs.com/3body/p/5416870.html