设置文档就绪超时,如何设置

时间:2013-10-20 18:23:49

标签: javascript jquery

希望这将是一个快速简单的问题,

我正在创建一个简单的函数,但需要在页面加载后大约3-4秒触发它,只是不知道如何。

这是我的剧本

$(function () {
    var slideout = $('#slideout');
    slideout.animate({
        right: '-200px'
    }, 1000, function () {});
    $(".out").toggle(function () {
        $(this).addClass('in');
        slideout.animate({
            right: '0px'
        }, {
            queue: false,
             duration: 500
        });
    }, function () {
        $(this).removeClass('in');
        slideout.animate({
            right: '-200px'
        }, {
            queue: false,
            duration: 500
        });
    });
    $(".close").click(function () {
        $(this).removeClass('out');
        slideout.animate({
            right: '-200px'
        }, {
            queue: false,
            duration: 1000
        });
        slideout.fadeOut({
            duration: 1000
        });
    });
});

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:11)

$(document).ready(function(){
   setTimeout(function(){

         //YOUR CODE

   },4000);
});

答案 1 :(得分:1)

$(function () {
    var doInteresting = function () {
        var slideout = $('#slideout');
        slideout.animate({
            right: '-200px'
        }, 1000, function () {});
        $(".out").toggle(function () {
            $(this).addClass('in');
            slideout.animate({
                right: '0px'
            }, {
                queue: false,
                duration: 500
            });
        }, function () {
            $(this).removeClass('in');
            slideout.animate({
                right: '-200px'
            }, {
                queue: false,
                duration: 500
            });
        });
        $(".close").click(function () {
            $(this).removeClass('out');
            slideout.animate({
                right: '-200px'
            }, {
                queue: false,
                duration: 1000
            });
            slideout.fadeOut({
                duration: 1000
            });
        });
    }

    setTimeout(doInteresting, 3000);
});