Как сбросить таймер при повторном вызове функции?

Question

[nepster-web]

Есть функция таймера, который рисует красивенькую полосочку:

/**
     * Таймер хода
     * @var string sectionPlayer - ID секции игрока
     * @var int s - счетчик таймера 
     */
    function runStrokeTimer(sectionPlayer, s) {
        
        if(sectionPlayer != '#topPlayer' || sectionPlayer != '#leftPlayer' || sectionPlayer != '#rightPlayer') {
            sectionPlayer = '#mainPlayer';
        }
        
        s = typeof s !== 'undefined' ? s : 30;     
        
        // Показать таймер 
        jQuery(sectionPlayer).find('.userBox .timer').css({'visibility':'visible'}); 
        
        var sectionTimer  = jQuery(sectionPlayer).find('.userBox .timer').children('.playerStrokeTime');        
        var timerInterval = setInterval(function(){timer()}, 1000);
        var stage =  100 / s ;
        var p = 0;
        
        // таймер хода 
        function timer() {
            s--;
    
            if(s === 0) {
                clearInterval(timerInterval);
            }
            p += stage;
            
            strokeStringTimer(Math.round(p));
        }  
    
        // изменение временной линии хода 
        function strokeStringTimer(p) {
            sectionTimer.css({'width': p+'%'});
        }
    }

Подскажите пожалуйста как решить ситуацию, когда нам нужно остановить таймер на конкретной секунде или запустить по новой ?

Answer 1

[Damir Makhmutov]

Вам нужна фукция clearInterval

Comments

[nepster-web]

это я знаю, я использую ее для остановки таймера после заданного интервала времени. Вопрос в другом, как почистить таймер когда он запущен, как это все дело передать в эфу функцию ?

[Kirows]

https://github.com/jchavannes/jquery-timer пользуйтесь на здоровье.