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

how to create variable step using html5 and javascript

本文关键字：变量 创建 javascript 何使用 html5      更新时间：2023-11-30

我使用的是html5和javascript。我想把0到200000的范围分成不同的部分，比如说4，每个部分都有不同的步长。我发现了。但没有找到如何获得可变步长

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

只需传递这个，并在函数中读取其值

例如，使用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);
  }
}

在这里你可以查看小提琴http://jsfiddle.net/Lyfva/7/，在这里我现在做一个检查，只有当满足特定条件时，它才会改变步骤。

因为您使用的是javascript。为什么不用更好的方法呢。

试试这个Fiddle

HTML

  <input 
    id="slide" 
    type="range" 
    min="0" 
    max="200000" 
    step="1" 
    value="100000" />

Javascript

var input = document.getElementById('slide');
input.onchange = updateSlider;
function updateSlider(event) {
  console.log(event.target.value);
}
相关文章：