Javascript在两个范围值之间生成100步

时间:2017-06-15 07:34:19

标签: javascript html5 angular range

我需要在两个值之间实际生成100个步骤,我尝试了几种方法,但无法成功。
最小值 -0.1 ,最大值 0.1 。我实际上需要以某种方式计算从-0.1到0.1的100步。我在这段代码中有一个输入范围:

$('#slider').change(function(){
    var val = ($(this).val());
    console.log(val);
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input  type="range" min="-0.1" max='0.1' value="-0.1" step="0.1" id="slider" >

如您所见,它输出正确的值,即最小值-0.1和最大值0.1。但问题是步骤。不知何故,我想让这个滑块平滑但增加步骤。目前正在跳跃。

1 个答案:

答案 0 :(得分:3)

似乎您需要更改步骤属性。最小值为-0.1,最大值为s +0.1。所以范围是0.2。所以可能步数为0.2 / 100

&#13;
&#13;
$('#slider').change(function() {
  var val = ($(this).val());
  console.log(val);
})
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="range" min="-0.1" max='0.1' value="-0.1" step="0.002" id="slider">
&#13;
&#13;
&#13;