setTimeout不起作用

Question

我需要为不同的div添加一个类，并为动画添加时间延迟。 我尝试过使用setTimeout()和setInterval()，但都没有效果。

有什么想法吗？

HTML：

<div class="box">
</div>
<div class="box">
</div>
<div class="box">
</div>

JavaScript的：

if (typeof window['liquida_animated'] !== 'function') {
    function liquida_animated() {
        if (typeof jQuery.fn.waypoint !== 'undefined') {

            jQuery('.box.animated').waypoint(function(index) {

                var box = jQuery(this),
                        animation = box.data('animated');

                setInterval(function() {
                    box.addClass(animation);
                }, index * 200);

            }, {offset: '85%'});
        }
    }
}