首页 > Web开发 > 详细

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

时间:2016-04-21 15:03:49      阅读:319      评论:0      收藏:0      [点我收藏+]

使用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);
});

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!