创建动态JQuery插件

Question

我正在学习如何创建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秒我可以使用计数器更新myDiv的html？

谢谢！

Answer 1

以下是一些快速代码，您可以在插件中运行setInterval，如上面的注释所示。适应您的目的。查找setInterval以获取更多信息。

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