javascript - 我更新了范围滑块值，但它没有在视觉上显示

Question

有时，滑块的值会根据变量而变化。发生这种情况时，我设置 my-slider.value = newValue，它会改变。但它并没有直观地显示出来，即滑块仍然显示之前的值。我应该怎么办？

var newValue;

function calcNV() {
  async function delayedGreeting() {

    altitude = document.getElementById("altitude-slider");
    limit = document.getElementById("limit-slider");

    if (altitude.value == 1000) {
      limit.value = newValue = 90;
    }
    if (altitude.value == 1500) {
      limit.value = newValue = 89;
    }
    if (altitude.value == 2000) {
      limit.value = newValue = 88;
    }

    $('#obj-ntydnn448').text(newValue + "%");
  }
  delayedGreeting();
}

// SPO2 Limit
function updateLimit(val) {
  $('#obj-ntydnn448').text(val + "%");
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="item-cell flex-shrink-3">
  <div class="range-slider range-slider-init color-f66907">
    <input type="range" min="70" max="90" step="1" value="88" id="limit-slider" onchange="updateLimit(this.value);" oninput="updateLimit(value);">
  </div>
</div>

标签： javascripthtmlonchangerangeslider

Answer 1

这是我为滑块制作的代码，请下次提供您的代码

Choose your Cinema



1km 100km

https://codepen.io/ipeleng/pen/qjoovo