2017-06-15 40 views
0

我需要在两个值之间实际生成100个步骤,我尝试了几种方法但未能成功。
最小值为-0.1,最大值为0.1。我实际上需要以某种方式计算从-0.1到0.1的100步。我有一个输入范围在此代码:
Javascript在两个范围值之间生成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。但问题在于步骤。不知何故,我想使这个滑块顺利,但增加了步骤。目前它的跳跃。

回答

3

似乎您需要更改步骤属性。最小值是-0.1,最大值是s +0.1。所以范围是0.2。所以大概的步骤将是0.2/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.002" id="slider">

+0

它正常工作与正常的HTML。但似乎这个问题与角度有关。当我用角度模型绑定负值时,范围值不接受它。 'while currentValue = -0.1' –

相关问题