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

使用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);
});
时间: 2024-10-25 05:02:45

jQuery使用伪递归重复执行动画的相关文章

JQuery中的click重复执行现象

现象: 用jquery绑定的click事件,在第一次执行的时候执行了一次,在第二次执行的时候执行了两次,依次类推...第n次执行的时候,执行了n次. 原因: jquery绑定的click事件会在原基础的基础上进行追加,第二个click事件会追加到第一个click事件上,所以执行了两次 解决方法: 在进行click事件之前,对上一个click事件进行解绑. 代码如下: $(".aaa").unbind("click"); $(".aaa").bin

Jquery中click事件重复执行的问题

$('#xxx').unbind('click').click(function () { ... }); 每次绑定前先取消上次的绑定. 1.一种方法是弹窗隐藏的时候把弹窗销毁掉:2.一种是把弹窗里面的事件绑定抽离出来,不要让弹窗每次显示的时候都执行click的绑定.当然楼主的解决方案也不错.

jQuery源码分析系列(39) : 动画队列

data函数在jQuery中只有短短的300行代码,非常不起点 ,剖析源码的时候你会发现jQuery只要在有需要保存数据的地方无时无刻不依赖这个基础设施 动画会调用队列,队列会调用data数据接口还保存队列里面的的动画数据 所以我们在自习回顾下关于数据缓存 //These may be used throughout the jQuery core codebase //存数据的 //用户使用 data_user = new Data(); //存储对象 //jQuery内部私有 //用来存事件

如何防止jQuery对象动画重复执行

如何防止jQuery对象动画重复执行:很多朋友可能会遇到这样的时候,如果有一个mouseover事件触发的动画效果,如果鼠标连续移入的话,可能会导致动画被多次执行,这种情况很可能是我们不想要的下过,下面就介绍一下如何防止此种现象的发生.代码如下: if(!$(".content").is(":animated")){ //code } 上面的代码就是判断指定元素是否处于动画之中,如果没有处于动画之中,则执行响应操作.相关阅读:1.is()函数可以参阅jQuery的i

[ jquery选择器 :animated ] 此选择器匹配所有正在执行动画效果的元素

此选择器匹配所有正在执行动画效果的元素 实例: <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' content='keyword1,keyword2,keyw

jquery click嵌套 事件重复注册 多次执行的问题解决

jquery click嵌套 事件重复注册 多次执行的问题解决 转载自新浪博客:http://blog.sina.com.cn/s/blog_4f925fc30100ln1o.html jquery click事件中嵌套click会重复注册内部的click事件,导致重复执行. 比如 $(...).click(function(){   $(...).click(function(){     ...//多次执行    }); });解决方法一: 每次执行完了,解除绑定,如$(...).click

jquery click点击事件重复执行多次

$("button[name^='privateBtn']").click(function(){ alert('demo'); //接触绑定.避免重复执行 $("button[name!='privateBtn']").unbind('click'); });

jquery简介之改变样式和动画效果

改变样式 css(name|pro|[,val|fn]) 返回值:String 访问匹配元素的样式属性. 参数 name   String     要访问的属性名称 properties  Map  要设置为样式属性的名/值对 name,value          String, Number      属性名,属性值 name,function(index, value)String,Function  1:属性名  2:此函数返回要设置的属性值.接受两个参数,index为元素在对象集合中的

【学习笔记】锋利的jQuery(三)事件和动画

一.jQuery事件 1,加载事件 $(document).ready(function(){...}) //等同于$(function(){..}) $(window).load(function(){...}) //等同于window.onload = fn 2,基本事件绑定 bind(type,[.data],fn) //可绑定多个事件:bind("mouseover mouseout",fn) unbind(type,fn) //解除绑定 one(type,[.data],fn