Как добавить задержку в функцию isScrolledIntoView

Question

Это, наверное, супер просто, я просто не уверен, где в сценарии его можно разместить. На данный момент этот скрипт воспроизводит gif, как только он попадает в нижнюю часть экрана пользователя, и если они медленно прокручиваются, это может быть немного преждевременным. Поэтому я надеюсь добавить задержку, чтобы дать пользователю некоторое время, чтобы перейти к гифке без завершения анимации.

Спасибо, ребята, я очень ценю любую помощь!

 function isScrolledIntoView(el) {
      var rect = el.getBoundingClientRect();
      return (rect.middle >= 0) && (rect.bottom <= window.innerHeight);
 }


function animateGifsInScreen() {
    $('.gif').each(function(index, el) {
      if(isScrolledIntoView(el)) {
        $(el).trigger('mouseenter');
      } else {
        $(el).trigger('mouseleave');
      }
    });
}

$(document).scroll(animateGifsInScreen);