Как установить задержку для прокрутки

Question

Я хочу сделать эффект, как это -> https://youtu.be/XaUPLe25n5c? v = XaUPLe25n5c & feature = youtu.be, когда текст изменяется после прокрутки. Я сделал нечто подобное -> https://codepen.io/liashok/pen/bKEerr, но как установить задержку после прокрутки. Как отключить = true scrilloing на 5 секунд, и отключить = false, когда 5 секунд прошло? Спасибо

Answer 1

Вот мое решение, просто нужно добавить таймер

var num = 0,
timer
$(window).bind('mousewheel', function(event) {
if(timer)  clearTimeout(timer)

  timer = setTimeout( function() {
    if (event.originalEvent.wheelDelta >= 0) {
       fadeAnim()
        setTimeout( () => {
          $(`.target`).text(def_text[num]['text'])
          { num < 1 ? num = 3 : num-- }
        }, 500 )
        //console.log(num)
    }
    else {
      fadeAnim()
        setTimeout( () => {
          $(`.target`).text(def_text[num]['text'])
          { num < 3 ? num++ : num = 0  }
        },500 )
    }
  },1000 )

});