Таймер jQuery countdown360 — как сделать функцию «Pause/Unpause»?

Question

[zikju]

Всем привет!

Ищу решение одной задачки. Я использую jQuery плагин "jQuery countdown360", в котором не предусмотрена функция делать паузу обратного отсчета и возобновления (по крайней мере в скромной документации об этом ничего не сказано). Есть только функция STOP (она обнуляет таймер и начинает отсчет заново).

В jquery.countdown360.js присутствует код функций play() и stop():

start: function () {
      this.startedAt = new Date();
      this._drawCountdownShape(Math.PI*3.5, true);
      this._drawCountdownLabel(0);
      this.interval = setInterval(jQuery.proxy(this._draw, this), 1000);
    },

    stop: function (cb) {
      clearInterval(this.interval);
      if (cb) { cb(); }
    },

Может кто-нибудь может подсказать как должна выглядеть функция "pause/unpause"?
Увы, моих javascript-знаний пока не хватает.

Спасибо!

Answer 1

[Михаил Горячкин]

В файл jquery.countdown360.js добавьте две фу-и:

pause: function () {
      clearInterval(this.interval);
},

unpause: function () {
       this.extendTimer(Math.round((new Date().getTime() - this.startedAt.getTime())/1000) - this.secondsElapsed);
       this.interval = setInterval(jQuery.proxy(this._draw, this), 1000);
    }

И ф-я _draw вот такая будет:

_draw: function () {

      var secondsElapsed = Math.round((new Date().getTime() - this.startedAt.getTime())/1000),
          endAngle = (Math.PI*3.5) - (((Math.PI*2)/this.settings.seconds) * secondsElapsed);

      this.secondsElapsed = secondsElapsed;

      this._clearRect();
      this._drawCountdownShape(Math.PI*3.5, false);
      if (secondsElapsed < this.settings.seconds) {
        this._drawCountdownShape(endAngle, true);
        this._drawCountdownLabel(secondsElapsed);
      } else {
        this._drawCountdownLabel(this.settings.seconds);
        this.stop();
        this.settings.onComplete();
      }
    }

Другими словами в ней надо добавить:
this.secondsElapsed = secondsElapsed;
И будет вам счастье.

Comments

[zikju]

Спасибо за неравнодушие! Однако счастье все-таки не наступило :)
Сейчас это выглядит так: идет обратный отсчет, я делаю паузу когда он дошел до цифры 45, жду 10 секунд и снимаю его с паузы - однако он почему-то продолжает отсчет с 35 секунды, как-будто пауза и не делалась.

[Михаил Горячкин]

Да не досмотрел до конца) Вот исправленный вариант. Ответ поправил.

[Михаил Горячкин]

Ф-ю unpause и _draw подправьте

[zikju]

Михаил Горячкин: вот теперь счастье и наступило, заработало! :) Громадное человеческое спасибо!