Html5输入滑块未更新

Html5 Input Slider not updating

本文关键字：更新 输入 Html5      更新时间：2023-09-26

因此，我放置了一个函数，使用setinterval每秒重复一次。此功能更新输入滑块上的旋钮。问题是当我用鼠标移动旋钮时，旋钮就停止了移动。我怎样才能让旋钮跳到我原来的样子？我用的是铬。

<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);

使用.val(...)而不是.attr('value', ...)。

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

相关文章：