Как запустить таймер заново по клику?

Question

[Ahmad Dusmatov]

Есть таймер, срабатывает после n секунд. Нужно сбросить счетчик и заново начать считать по клику.
Пример:

Answer 1

[Gor Mkhitaryan]

<script>
var timerSeconds = 20;
var interval;

function forceUpdateTimer(){
    clearInterval(interval);
    timerSeconds = 20;

    interval = setInterval(function() {
        if (timerSeconds > 0){
            timerSeconds--;
            $("#timerValue").text(timerSeconds);
        }
    }, 1000);

}

forceUpdateTimer();
</script>

<button onclick=" forceUpdateTimer();">Force update timer</button>
Calendar will update after <span id="timerValue"></span> sec
</body>

В JSFiddle почему то не сбрасывается счетчик, но в браузере работает.

Comments

[Ahmad Dusmatov]

Спасибо. А для чего создали 2 переменных timerSeconds ?

[Andrew]

Ahmad Dusmatov, их не две, это "обнуление" при каждом новом заходе во внешнюю функцию.