jQuery - 隐藏前等待2秒

时间:2014-03-23 17:18:49

标签: javascript jquery html css web

因此,在我的代码中,该函数应该使#aboutPopOut向左滑动,然后在2秒后,将闪屏移至.hide()。滑动工作,但等待和隐藏不。这是我的功能;

function aboutHide() {
    $("#aboutPopOut").animate({ left: "-60%" }, 500);
    setTimeout(function() {
        $("#fadeScreen").wait(2).hide();
    }, 500);
};

请帮我弄清楚出了什么问题。所有回复将不胜感激。

3 个答案:

答案 0 :(得分:3)

您正在寻找.delay method。您还必须将数字传递给.hide以使其成为动画方法,否则.delay无效。

 $("#fadeScreen").delay(2000).hide(0);

答案 1 :(得分:2)

试试这个

function aboutHide() {
    $("#aboutPopOut").animate({ left: "-60%" }, 500);
    setTimeout(function() {
        $("#fadeScreen").delay(2000).hide();
    }, 500);
};

答案 2 :(得分:0)

更新以下内容..

function aboutHide() {
$("#aboutPopOut").animate({ left: "-60%" }, 500);
setTimeout(function() {
$("#fadeScreen").delay(2000).hide();
}, 500);
};