Jqueryスライダでリフレッシュスクリプトの間隔を変更する

私は毎秒私のdivをリフレッシュするためにこのコードを使用しています:

     <script>
 $(document).ready(function() {
  $("#container").load("stats.php");
   var refreshId = setInterval(function() {
      $("#container").load('stats.php');
   }, 10*1000);
   $.ajaxSetup({ cache: false });
});
</script>

This works great, only thing i want to add is a slider like this
one: http://jqueryui.com/demos/slider/#steps

リフレッシュタイマーの間隔をデフォルトで10秒(10 * 1000)に設定できるようにしたい。

スライダに値を変更させることは可能ですか?もしそうなら、どうしたらいいですか?

ありがとう!

ベストアンサー

あなたのスクリプトは次のようなものになります:

 $(document).ready(function() {
     var intSeconds = 10;
     var refreshId;


     function sTimeout()
     {
         //Load content
          $("#container").load("stats.php");

         //Saving the timeout
          refreshId = setTimeout(function() {
             sTimout();
         }, intSeconds *1000);
     }
     sTimeout();
     $.ajaxSetup({ cache: false });

    //The slider
     $(".ui-slider").slider({
         min : 1,//minimum value
         max : 20,//Maximum value
         value : intSeconds,//Copy current  value
         change: function(event, ui) {
             clearTimeout(refreshId);//clear it
             intSeconds = ui.value;//Update value
             sTimeout(); //Restart it
         }
     });
});

スライダーDIVをソースに追加してチェックアウトしてください。

コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です