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);

将360 jQuery轮限制为300

1 个答案: