Плагин jQuery. Как получить доступ к опциям плагина из метода init в методе destroy?

Question

[schwabsergey]

Пишу простенький jQuery плагин. Его суть - изменение цвета шрифта у элемента, на который он установлен. Если указан массив цветов, то цвета меняются поочередно по таймеру. Если плагин был установлен, его действие можно отменить вызовом соответствующего метода.

(function($){
    var methods = {
        init : function( options ) {
            //настройки по умолчанию
            options = $.extend({
                timerDuration: 2, //время задержки перед сменной цвета
                color: ['#c9f', '#f60', '#09f'], // массив цветов
                cycle: true // повторять изменение цветов по кругу
            }, options);

            var self = this;
            var changeColor = function () {
                var colorIndex = 0;
                var colorLength = options.color.length;
                setTimer = setTimeout(function changeColor() {
                    if($.isArray(options.color)) {
                        self.css("color", options.color[colorIndex]);
                        if (colorIndex < options.color.length - 1) {
                            colorIndex++;
                        }
                        else {
                            colorIndex = 0;
                        }
                    }
                    else{
                        self.css("color", options.color);
                    }
                    if(options.cycle === true) {
                        setTimerCycle = setTimeout(changeColor, options.timerDuration * 1000);
                    }
                    if($.isArray(options.color) && options.cycle === false) {
                        colorLength--;
                        if( colorLength > 0 ){
                            setTimerCycle = setTimeout(changeColor, options.timerDuration * 1000);
                        }
                    }
                }, options.timerDuration * 1000);
            };
           
            return this.each(changeColor);
        },

        destroy : function () {
            var self = this;
            var def = function () {
              // в этом методе нужно отменить изменения цвета и очистить таймер. Как правильно получить доступ к данным внутри метода init?
            };
            return this.each(def);
        }

    };

  jQuery.fn.changeСolor = function(method) {
      if ( methods[method] ) {
          return methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 ));
      } else if ( typeof method === 'object' || ! method ) {
          return methods.init.apply( this, arguments );
      } else {
          $.error( 'Метод с именем ' +  method + ' не существует для jQuery.changeColor' );
      }
  };

})(jQuery);

Теперь применим плагин к абзацам:

$('p').changeColor({
		timerDuration : 5,
		color : ['red','green','blue'],
	});

А теперь отменим действие плагина:
$('p').changeColor('destroy');
Проблема с реализацией метода destroy. В нем необходимо очистить таймер и вернуть исходный цвет. Подскажите как в нем можно получить доступ к опциям и данным метода init?

Answer 1

[Dark Hole]

Хранить в самом объекте, в data к примеру.

Comments

[schwabsergey]

если можно, чуть подробней...

[Dark Hole]

schwabsergey: сохраняем в data id setTimeout, а в destroy его получаем и останавливаем setTimeout.

[schwabsergey]

как очистить setTimeout я понимаю, хотелось бы понять как и где конкретно использовать data, чтобы это было доступно в destroy. Если я внутри init делаю что-то вроде jQuery.data(self, 'color', options.color[colorIndex]), то в destroy к этому доступа нет. Если вам, не сложно, ткните меня в нужную строчку кода.

[Dark Hole]

schwabsergey: замените все setTimeout(...) - this.data('your-plugin-timeout', setTimeout(...))