当用户向下滚动x秒时触发事件

Question

I need to trigger an event, once, after the user scrolls down for 1 second. I used the following code, but it triggers the event numerous times, otherwise I think that it sorts of corresponds to what I need?

Thanks !

var firstScroll = false;
window.onscroll = function() {myFunction()};

function myFunction() {
    if (!firstScroll){
        setTimeout(function() {
            alert("x");
            firstScroll = true;  
        }, 1000);
    }
}

Answer 1

Try moving your scroll check outside of the setTimeout.

 var firstScroll = false; window.onscroll = function() {myFunction()}; function myFunction() { if (!firstScroll){ firstScroll = true; setTimeout(function() { alert("x"); }, 1000); } }