无法拖动连续更新的滑块

Question

我正在使用用cljs +试剂包装的React制作一个小应用程序。我需要的一件事是一个滑块每秒更新一次，并且可以由用户调整。现在我正在使用它：

 [:div.scrubber [:input
                 {:type  "range"
                  :min   "0"
                  :max   "100"
                  :value (str percent-through)}]]

我每秒都在调整范围滑块的value属性。但是，这似乎阻止了用户与之交互。这是一个显示这个的gif :(在chrome上捕获）

允许用户控制滑块的最佳方法是什么？停止更新计时器没有任何效果，并且似乎该值已被锁定。

Answer 1

是的，如果您可以控制计时器，我会在用户开始与滑块交互后取消它，然后在更新状态后再创建一个新的计时器。