Javascript 随时间自动执行输入滑块

我在我的网站上有如下范围的输入：

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

我有一些D3代码，将可视化加载到页面上。这里是在线的：

在10秒内，我想自动将滑块的值从最小值转换为最大值。拇指滑块应相应移动

我需要这个函数（可能是setTimeout？）在可视化完成加载我的D3代码（它当前被包装在一个D3.queue函数中）后启动，并允许用户在达到最大值后移动滑块

在Javascript中如何实现这一点？

下面是一个示例。我相信这将帮助您实现自动化

JS

在10秒内，我想自动计算 从最小值滑动到最大值。拇指滑块应该 相应地行动

如果您希望使用d3方式进行此操作，可以使用d3转换来转换滑块：

d3.select("#slider")
  .transition()
  .attr("value",maxValue)
  .duration(time); // in ms

这个简单的实现如下所示。如果希望在可视化绘制之后执行，请将转换放置在队列就绪函数的末尾

d3.选择（“滑块”）
.transition（）
.attr（“值”，1510462800000）
.期限（10 000）
您可以使用
setInterval
每秒递增一次输入值，只需检查每次调用的值，如果该值为最大值，则清除间隔
d3.select("#slider")
  .transition()
  .attr("value",maxValue)
  .duration(time); // in ms