如何在对象可见时为对象添加动画

Question

我正在为客户端使用引导程序的全宽和高度轮播进行基于Web的演示。这是一个如何在客户的网站上创建帐户的简单教程，它仅包含图像。但是，我设法将一个指针的图像用jQuery激活，并突出显示用户必须单击的位置。到目前为止，动画效果很好，但我需要它在用户看到幻灯片时启动，所以我想知道当你看到指针然后它开始移动时是否可以启动动画。

这是我的剧本：

$('.carousel').carousel({
    pause: true,
    interval: false
})
</script>
<script>
(function animation() {
    var options = {
        duration: 800,
        easing: 'linear'
    };
    $('.fill')
    .find('.pointer_fing')
    .animate({
        left: 36,
        top: 880
    },
    options
    )
    .animate({
        left: 866,
        top:694
    },
    options
    )
    .animate({
        left: 936,
        top: 350,
    },
    options
    )
    .animate({
        left: 936,
        top: 280,
    },
    $.extend(true, {}, options, {
        complete: function() {
            animation();
        }
    })
    );
})();