Javascript 使用WOW.js为每个子元素的每个div设置动画

是否有一种方法可以延迟设置每个div的动画，并且仅当它在视口中使用WOW.js或任何js插件时才设置动画？。现在，WOW.js所做的是在它的视线内为所有东西制作动画

我希望它能像这个JSFIDLE示例所示那样工作

var延迟=0

$('.block-item:lt(16)').each(function(){
    $(this).delay(delay).animate({
        opacity:0
    },500);
    delay += 500;
});

但是有一个WOW.js效果，只有当我向下滚动并看到div时，它才会有动画效果

---

PS：如果有人能给我看一个代码或者给我做一个与&（可选）非常好的代码，那就太棒了