如何插入setTimeOut

时间:2014-12-12 23:13:25

标签: jquery html settimeout

    <body>
            <script>
                $(window).scroll(function() {
                    $('#csgo').each(function(){
                    var imagePos = $(this).offset().top;

                    var topOfWindow = $(window).scrollTop();
                        if (imagePos < topOfWindow+400) {
                            $(this).addClass("slideUp");
                        }
                    });
                });
            </script>
            <script>    
                $(window).scroll(function() {
                    $('#dota').each(function(){
                    var imagePos = $(this).offset().top;

                    var topOfWindow = $(window).scrollTop();
                        if (imagePos < topOfWindow+400) {
                            $(this).addClass("slideDown");
                        }
                    });
                });

    </body>

所以我有问题在哪里插入我的setTimeOut,每当我把它放在脚本上时,它都无法工作。所以我试图做的是在页面加载时将动画延迟超过1秒,这样我就能看到背景标志。但是发生的事情是它总是在页面加载时动画而没有任何秒的延迟。

1 个答案:

答案 0 :(得分:1)

你需要做这样的事情:

setTimeout(function(){
   //your code goes here....
}, 2000);

将您的函数包含在文档就绪事件中,如下所示:

$(function(){
    setTimeout(function(){
       //your code goes here....
    }, 2000);
});

<script>
$(function(){
      setTimeout(function(){
            $(window).scroll(function() {
                $('#csgo').each(function(){
                var imagePos = $(this).offset().top;

                var topOfWindow = $(window).scrollTop();
                    if (imagePos < topOfWindow+400) {
                        $(this).addClass("slideUp");
                    }
                });
            });

            $(window).scroll(function() {
                $('#dota').each(function(){
                var imagePos = $(this).offset().top;

                var topOfWindow = $(window).scrollTop();
                    if (imagePos < topOfWindow+400) {
                        $(this).addClass("slideDown");
                    }
                });
            });
    }, 3000);
});
</script>