創建動態JQuery插件

Question

我正在學習如何創建JQuery插件。目前，我已經定義了一個插件如下：

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

如何添加一個計時器，爲myplugin讓每一位：

(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); 

目前，我使用下面的初始化這個插件的實例15秒我可以用計數器更新myDiv的html？

謝謝！

Answer 1

下面是一段代碼，你可以在插件內運行setInterval，如上面的註釋所示。適應你的目的。查找setInterval獲取更多信息。

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