如何将 show() 和 hide() 与 delay() 一起使用？

Question

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

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() 不会跟随延迟，我该怎么办？

Answer 1

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

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

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