javascript - 将 360 jQuery 轮限制为 300

Question

我的播放器页面上有一个 360 度旋转轮，最终充当音量按钮。

我需要将其功能限制在 270 度而不是 360 度（从 7 点到 5 点），这样它才能产生最小到最大的效果。

我怎样才能使用附加的代码来实现这一点？

播放器页面

         $('#metal .indicator-cw').bind('touchmove', function(event){
        updateMetal();
    });
    $("#metal .indicator-cw").mousemove(updateMetal);

    function updateMetal(){
var number = $("#metal .result-cw").text();
var Degrees = parseInt(number);
var vol = ((Degrees + 150) % 360) * (1/270);    
$musicPlayer.jPlayer("volume", vol);

$("#rotateit").css({'transform':'rotate(' + (Degrees) + 'deg)', '-webkit-transform':'rotate(' + (Degrees) + 'deg)', '-o-transform':'rotate(' + (Degrees) + 'deg)', '-moz-transform':'rotate(' + (Degrees) + 'deg)', '-ms-transform':'rotate(' + (Degrees) + 'deg)' });
    if (Degrees > 120 || Degrees < 210) return;
    }
    //js code for the metal style wheel - above

Answer 1

添加此项以停止更新音量轮

if (Degrees > 150 && Degrees < 210) return;

您还需要稍微不同地计算音量

//This shifts the degrees from 210-120 to be 0-270 and then scales it to 0-1
var vol = ((Degrees + 150) % 360) * (1/300);