D3.计时器更新调度多次

Question

我更改了一个滑块来解析具有开始和结束日期的JSON数据，以创建d3.js回放可视化。

我的REPL：https://svelte.dev/repl/69ede1e0f5a74f0c81a1213ce844b9f1 ( slider.svelte ->第145行函数: update() )

发生的情况是，一旦值四舍五入到小时，它就会调度它。但是6-7值舍入到小时，所以它被调度6-7次。

如果小时已经被调度，有没有办法返回函数？我正在使用Svelte

问候你，Pepijn

Answer 1

您应该能够将已调度的小时数存储在数组或对象中，并在触发或处理事件之前对其进行检查。很难用你的例子来说明这一点，因为还有很多其他的事情在发生。如果你能把它简化成纯粹的基础知识，那就更容易了。

Answer 2

我通过添加一个名为"lastDispatch“的变量解决了这个问题，我将其设置为startDate值。

在我的update函数中，我将调度函数封装在下面的检查中：

 if(lastDispatch.getHours() < roundMinutes(new Date(target)).getHours()) 

在调度之前，我会再次重写这个变量

lastDispatch = roundMinutes(new Date(target));