javascript-滑块中的对数刻度

时间:2019-01-17 20:16:43

标签: javascript logarithm input-type-range

我在这里搜索过,有几个类似的问题,但是没有一个真正适合我的需求。

我需要更改默认的滑块行为,以便将比例设置为1到24(天)之间,并将这些值作为可能的值:

1 2 3 4 5 6 9 12 18岁 24

我什至不知道从哪里开始。真的很感谢任何帮助,因为我不太擅长数学,而且我不知道可以使用什么公式来实现这一目标。

非常感谢

1 个答案:

答案 0 :(得分:2)

尝试

let values = [1, 2, 3, 4, 5, 6, 9, 12, 18, 24];

let change = (e) => {
  document.querySelector('div').innerText = 'day: '+values[e.target.value];
}
<input type="range" min="0" max="9" step="1" oninput="change(event)" value=0>
<div>day: 1</div>