jquery - JQuery mouseenter div暂停动画恢复持续时间在mouseleave时重新启动

Question

我想在某些 div 有 mouseenter 时暂停动画，并在 mouseleave 时恢复。问题在于，当动画恢复时，它会重新启动持续时间，并且会变得越来越慢。

$(document).ready(function() {
    $('.timer').animate({ 'width': 940 }, { queue: false, duration: 5000, easing: 'linear' });

    $('.slider_app').mouseenter(function() {
        $('.timer').stop();          
    });

    $('.slider_app').mouseleave(function() {
        $('.timer').animate({ 'width': 940 }, { queue: false, duration: 5000, easing: 'linear'});
    });
});