javascript - 如何使用 html5 和 javascript 创建变量步骤

Question

我正在使用 html5 和 javascript。我想将 0 到 200000 的范围划分为不同的部分，例如 4，并且每个部分具有不同的步长。我已经发现了这一点。但没有找到如何获得可变步长

<input 
    id="slide" 
    type="range" 
    min="0" 
    max="200000" 
    step="1" 
    value="100000" 
    onchange="updateSlider(this.value)" >

Answer 1

只需传递这个，然后在函数中读取它的值

例如使用 JavaScript

<input 
id="slide" 
type="range" 
min="0" 
max="200000" 
step="1" 
value="100000" 
onchange="updateSlider(this)" />

function updateSlider(c)
{
    if(c.value <=  50000)
  {
    if(c.step != 1)
        c.step = 1;
    alert(c.value);
  }
  else 
  {
     if(c.step != 3)
        c.step = 3;
    alert(c.value);
  }
}

在这里你可以检查 fiddle http://jsfiddle.net/Lyfva/7/ ，这里我现在做一下检查，只有满足一定条件才会改变步骤。