Javascript JQUERY旋钮值

Javascript JQUERY旋钮值,javascript,php,html,jquery,Javascript,Php,Html,Jquery,我正在使用jQuery旋钮,希望用户能够在30分钟内输入诸如“时间”之类的旋钮值,从上午7点(am)到下午5点(pm)。 所以翻译应该是这样的,但不知道如何实现 用户输入>>值更改为X 7.00>>0 7.30>>5 8.00>>10 12.00>>50 12.30>>55 1.00>>60 1.30>>65 5.00>>100 任何帮助都将不胜感激 如何将函数嵌入现有HTML/PHP页面? 我的html中有一个jquery旋钮,如下所示: <html> <input

我正在使用jQuery旋钮,希望用户能够在30分钟内输入诸如“时间”之类的旋钮值,从上午7点(am)到下午5点(pm)。 所以翻译应该是这样的,但不知道如何实现

用户输入>>值更改为X

  • 7.00>>0
  • 7.30>>5
  • 8.00>>10
  • 12.00>>50
  • 12.30>>55
  • 1.00>>60
  • 1.30>>65
  • 5.00>>100
任何帮助都将不胜感激

如何将函数嵌入现有HTML/PHP页面? 我的html中有一个jquery旋钮,如下所示:

<html>
<input class="knob" data-width="90" data-height="90" data-step="5" value="0">
</html>

谢谢大家!!
罗马

简单的数学题你知道每5分钟就有30分钟,所以把它乘以

函数getTS(x){
var totalMins=数学楼层(x/5)*30+420;
var小时=数学楼层(总分钟/60);
var hoursFormatted=((小时+11)%12+1).toString().padStart(2,'0');
var minsformated=(totalMins%60).toString().padStart(2,'0');
var amPM=小时数<12?“上午”:“下午”;
返回小时格式化+”:“+minsFormatted+amPM;
}
console.log(getTS(0))
console.log(getTS(5))

log(getTS(100))
Hey@Roman,我有一个答案,但是您需要用一些示例代码更新您的问题,以便重新打开它。否则我无法回答。谢谢你,丹尼尔,我添加了一个代码片段。看起来这不会得到重新打开的投票。下面是我答案中的一段代码:函数formatTime(v){const hour=Math.floor(v-1)%12+1;const minute=(v*100%100)*.6;返回`${hour.toFixed(0)}:${minute.toFixed(0).padStart(2,'0')};`$(.knob knob”).knob({min:7,max:17,step:5,formatTime});非常感谢您快速而出色的回答。糟糕的是,我不知道如何在我现有的HTML页面中实现这一点。所以我看到了我的极限。无论如何,谢谢你的帮助!我从来没有用过那个插件,也不知道你到底想做什么。我假设它有一个onchange事件,可以为您提供值。