如何使用show()和hide()与延迟()?

时间:2013-09-26 18:51:55

标签: jquery

我想在点击按钮后显示一段时间的图像,并且在显示图像时,我想要隐藏按钮。 这是我的代码

function showimage(button, image, imagesrc){
    $(button).click(function(){
        if ($('img#'+image).length === 0) {
            $('<img id=' + image + ' src=' + imagesrc + ' style={display: none;}>').insertBefore(button);
        }

        $(button).hide();

        $('img#'+image).slideDown(500).delay(2000).slideUp(500);

        $(button).show();
    });
};

show()hide()不会跟踪延迟,我该怎么办?

1 个答案:

答案 0 :(得分:3)

您必须在演出前使用延迟。

    $(button).delay(500).show(0);

    $(button).delay(500).hide(0);