javascript - Jquery slider 更改刷新脚本的间隔

Question

我正在使用这段代码每 X 秒刷新一次我的 div:

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

效果很好，我唯一想添加的是像这样的 slider :http://jqueryui.com/demos/slider/#steps

我希望它能够设置刷新计时器的间隔，默认为 10 秒 (10*1000)

是否可以让 slider 修改值？如果是这样，我该怎么做？

谢谢!

Answer 1

你的脚本应该是这样的:

 $(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
         }
     });
});

现在只需将一个 slider DIV 添加到您的源中，然后检查它。