Как запустить этот счетчик JQuery только тогда, когда на экране появляется его содержащий DIV?

Question

На странице Wordpress у меня есть этот код, чтобы начать отсчет, но я хочу, чтобы он начал отсчет только тогда, когда пользователь прокрутил страницу вниз достаточно далеко, чтобы она появилась на экране (она находится в содержащей DIV, называемой " три-счетчик сечение ").

Как вы модифицируете этот код, чтобы включить это?

$('.counter').each(function() {
var $this = $(this),
countTo = $this.attr('data-count');
$({ countNum: $this.text()}).animate({
countNum: countTo
},

{ duration: 11000,
easing:'easeInOutCubic',
step: function() {
$this.text(Math.floor(this.countNum));
},
complete: function() {
$this.text(this.countNum);
}
});  
});

Answer 1

Вы можете просто выполнить следующее, чтобы вызвать событие, когда какой-либо элемент виден.

setInterval(function(){
  if($('.div1').is(':visible')){
    //do something
  }
  else {
    //do nothing..
  }      
}, 100);

** Измените .div1, как вам нужно.