如何使范围滑块变慢？

Question

我使用 html/css/js 制作了一个范围滑块来配合我的 lua nui。它在大多数情况下工作得很好，但每当我在滑块上滑动得太快时，它就无法正确执行该功能。每当我向左滑动滑块时，它都会使某些值向右上下移动。如果我把它滑得太疯狂，所有的值都会回到 0，所以我想如果我能限制用户滑动它的速度，这个功能就永远不会出错。没有找到与此相关的 google 搜索，因此非常感谢您的回复。另外，我是滑块的新手，所以如果这是一个非常愚蠢的问题，请让我休息一下。我比较熟悉 lua.

html

<div class="slidecontainer" style="position: fixed;top:13%;left:5%;">
 <input type="range" min="0.0" max="10.0" value="5.0" class="slider" id="myRange">
</div>

js

 var slider = document.getElementById("myRange");
 slider.oninput = function() {
        if (slider.value >= 0.0 && slider.value < 1.0) {
            $.post('https://skineditor/changefaceshapemix', JSON.stringify({
                value: '1-10'
            }));
        } else if (slider.value > 1.0 && slider.value < 2.1) {
            $.post('https://skineditor/changefaceshapemix', JSON.stringify({
                value: '11-20'
            }));
// this keeps on going all the way to 10 (also i know that the string values are different)

我现在的情况是，如果滑块的值介于数字之间的任何位置，那么它会回传到我的 lua 并执行一个函数

我没有显示 lua 因为我已经验证它不是那个代码的问题，只有当我在滑块上滑动得太快时我的功能才会出错

Answer 1

请尝试设置 $SlideDuration 选项。您也可以尝试设置 $Idle 选项。

Answer 2

已解决

我使用了另一种方法来保存值并将其与 MySQL 一起使用。

如何使范围滑块变慢？

How do I make a range slider slower?

html

javascript

css

lua

slider