鼠标悬停时动画播放，鼠标输出时停止播放

Question

我是新手。我得到了一个运行良好的代码，但是如何在鼠标悬停时使其可播放并在JavaScript（jQuery）中使用mouseout时停止。此外，我希望当我们再次鼠标悬停时，动画从头开始。我添加了几行，如：

$('document').ready(function()
$('#bodymovin').hover(function()

制作悬停效果，但是当鼠标悬停时动画仍然在播放，并且直到我在开始鼠标悬停时才显示我的<div>（这不好:(）。 如果你在一行代码附近写评论会很棒。谢谢。

<script>

$('document').ready(function() {

    $('#bodymovin').hover(function() {

        var anim;
        var animData = {
            container: document.getElementById('bodymovin'),
            renderer: 'svg',
            loop: false,
            autoplay: true,
            rendererSettings: {
            progressiveLoad:false
            },
            path: 'data.json'
        };

        anim = bodymovin.loadAnimation(animData);

    });
});

</script>