Добавление класса с задержкой один раз в поле зрения

Question

Как бы добавить эффект задержки к следующему? Он добавляет класс 'play' в InViewport, но я также хочу добавить задержку для каждого экземпляра этого, чтобы они постепенно исчезали по одному, даже когда оба видны.

;(function($, win) {
 $.fn.inViewport = function(cb) {
 return this.each(function(i,el){
   function visPx(){
     var H = $(this).height(),
         r = el.getBoundingClientRect(), t=r.top, b=r.bottom;
     return cb.call(el, Math.max(0, t>0? H-t : (b<H?b:H)));  
   } visPx();
   $(win).on("resize scroll", visPx);
    });
 };
}(jQuery, window));

$(".statement-block").inViewport(function(px){
if(px) $(this).addClass("play") ;
});