javascript - 随着时间的推移自动化输入 slider

Question

我的网站上有这样一个范围输入:

<input type="range"  min="1036000000000" max="1510462800000" value="0" class="slider" id ="slider"/>

我有一些 D3 代码可以将可视化加载到页面上。它在这里在线:

https://bl.ocks.org/KingOfCramers/raw/5c166e770c4a865d861452dd184b54f4/

在 10 秒内，我想自动将 slider 的值从最小值变为最大值。拇指 slider 应相应移动。

我需要这个函数(可能是 setTimeout？)在可视化完成加载我的 D3 代码(目前包装在 d3.queue 函数中)后触发，并允许用户在达到最大值后移动 slider 值(value)。

我如何在 Javascript 中执行此操作？

Answer 1

这是一个DEMO .我相信这会对您的自动化有所帮助。

JS

  $(document).ready(function(){
  var val;
  var inte = setInterval(function(){
    val = $('#slider').val();
    val= parseInt(val) + 10000000000;
    $('#slider').val(val);
    $('#value').val(val);
    if(val > $('#slider').attr('max')){
      clearInterval(inte);
    }
  },10000);
});