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'});
    });
});