创建动态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);