動的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);