【问题标题】:javascript - logaritmic scale in a sliderjavascript - 滑块中的对数刻度
【发布时间】:2019-01-17 20:16:42
【问题描述】:

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

我需要更改默认滑块行为,以便它允许刻度介于 1 到 24(天)之间,这些值是可能的值:

1 2 3 4 5 6 9 12 18 24

我什至不知道从哪里开始。任何帮助都将不胜感激,因为我不太擅长数学,而且我不知道我可以使用什么公式来实现这一点。

非常感谢

【问题讨论】:

  • 您可以发布您当前正在使用的滑块代码吗?仅考虑到当前信息,很难提供帮助。谢谢!
  • 使用 0-9 的滑块和一个简单的数组,以滑块值作为索引来显示当前值。
  • @Nick 我很快就会发布一个codepen
  • @ChrisG 这实际上不是一个坏主意,谢谢!

标签: javascript logarithm input-type-range


【解决方案1】:

试试

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>

【讨论】:

  • 感谢@Chris 在上面的推荐部分中建议的工作。
  • @Nick 我没有阅读他的评论,因为我在处理代码 sn-p - 但是是的,他有与我的相似的想法
猜你喜欢
  • 1970-01-01
  • 2015-08-10
  • 2016-02-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多