Html5输入滑块不更新

Question

所以，我已经使用setinterval设置了每秒重复一次的函数。此功能更新输入滑块上的旋钮。问题是我用鼠标移动旋钮的时刻，旋钮停止移动。我该怎么做才能使旋钮跳到我原来的样子？我在chrome中使用。

<input type="range" id="range" min="0" max="9999" step="1" value="0"/>

#range {
-webkit-appearance: slider-vertical;
width: 20px;
height: 100px;
}

    i=0;
ytplayer_progressSlider = setInterval(function(){
    $("input").attr("value",i);
    i++;
}, 1000);

Answer 1

使用.val(...)代替.attr('value', ...)。

考虑使用$range.val($range.val() + 1)而不是将其保存在变量中，因为如果将其保存在变量中，滑块将返回到1秒内的位置，无论用户做什么。