jquery 延迟执行

在改版网站首页的时候,有些jquery 效果需要 延迟执行,用到js原生 setTimeout() 和clearTimeout(t)两个函数

 $("#list div.left").mouseover(function(){
                        var item=$(this).attr("id");
                        //alert(item);
                        t = setTimeout(function(){
 
                            $("#"+item).parents("div.oitem").animate({width:"292"},400);
 
                            $("#"+item).parents("div.oitem").siblings("div").animate({width:"126"},400);
                        },100);
                    }).mouseout(function(){
                        clearTimeout(t);
                    });

在jquery 1.4中新增了一个叫delay(time);也可以现实延迟执行 time为延迟时间 1000=1s

$("button").click(function() {
      $("div.first").slideUp(300).delay(800).fadeIn(400);
      $("div.second").slideUp(300).fadeIn(400);
    });

发表评论

电子邮件地址不会被公开。 必填项已用*标注