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