Question

我有下面一段代码，当添加的内容在URL中运行时，它会移动到屏幕上。我现在需要为它添加一段代码，然后在5秒后将其移回。我注意到有延迟功能，但我不知道如何将其添加到代码中。有人可以帮忙吗？非常感谢！

$(document).ready(
function () {
    if (document.URL.indexOf("?added") >= 0) {
        $('#popout-left-menu-container')
            .animate({
                'right': '2px'
            }, 300);
    };
});

Answer 1

$(document).ready(
function () {
    if (document.URL.indexOf("?added") >= 0) {
        setTimeout(function(){
            $('#popout-left-menu-container')
                .animate({
                    right:'2px'
                },300);
        },5000);
    };

});

Answer 2

您可以使用setTimeout函数来延迟javascript中的某些内容。也许是这样的：

$('#popout-left-menu-container').animate({'right':'2px'},300);

setTimeout(function(){
    //This is animation that runs after 5 seconds. You can use it to move the block back.
    //You have to set your parameters yourself here
    $('#popout-left-menu-container').animate({'right':'0px'},300);
}, 5000);

Answer 3

您应该使用.delay()。

$("query").animate(firstAnimation, firstDuration).delay(milliseconds).animate(secondAnimation, secondDuration);

使用javascript在延迟时自动移动div

3 个答案: