2012-04-09 6 views
0

Я узнаю о создании плагинов JQuery. В настоящее время, у меня есть плагин, который определяется следующим образом:Создание динамического плагина JQuery

(function ($) { 
    $.fn.myPlugin = function (options) { 
     var defaults = { e: 0 }, 
     settings = $.extend({}, defaults, options); 

     var plugin = $.myPlugin.getHtml(options.e); 
     if ((plugin != null) && (plugin != undefined) && (plugin.length > 0)) { 
      this.html(plugin); 
     } 
    }; 

    $.myPlugin = { 
     getHtml: function (e) { 
      var s = ""; 
      if (e == 0) { 
       s = "1"; 
      } else { 
       s = "2"; 
      } 
      return s; 
     } 
    }; 
})(jQuery); 

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

$("#myDiv").myPlugin({ e: 0 }); 

Как добавить таймер MyPlugin так, чтобы каждый 15 секунд Я могу обновить html myDiv с помощью счетчика?

Спасибо!

+0

Вы пробовали 'setInterval'? –

ответ

0

Вот небольшой фрагмент кода, который вы можете поместить в плагин для запуска setInterval, как было предложено выше. Адаптируйте для своих целей. Lookup setInterval для получения дополнительной информации.

var counter = 0; 
setInterval(function() { 
    counter += 1; 
    $.myPlugin.getHtml(counter) 
}, 15000); 
+0

Я не знаком с синтаксисом функции. Если я заменил $ .myPlugin.getHtml (счетчик) кодом, который вы предоставили, начнется ли запуск таймера при инициализации плагина? – user70192

+0

Поместите этот код с помощью функции $ .fn.myPlugin. Может быть, в конце. Код, который у меня есть, будет запускать метод getHtml каждые 15 секунд, при этом счетчик увеличивается на единицу. Если вы хотите, вы можете создать другой метод, чем getHTML для использования внутри функции. –

Смежные вопросы