Question

我正在尝试获得微调器的结果。经过6个小时的调试和各种数学尝试后，我似乎无法找到如何在每次旋转时获得微调器的值。 DIV的目标是什么？！

最初我认为以下算法可行。

total_rotations = Get Total Degrees in rotations (including what was done historically.
total_rotations /  360 = _total_rotations_of_a_circle
value_to_subtract = Take the absolute value of _total_rotations_of_a_circle * 360
left_over_value_in_Degree = total_rotations - value_to_subtract
left_over_value_in_Degree/60 = result.

此算法仅适用于SOMETIMES。我只是不确定如何做到这一点，任何提示都会有所帮助。

aoY变量由原始开发人员提供，但我不知道如何使用该值来查找其指向的实际div。我需要什么数学？

$('#wheel .sec').each(function(){
            var t = $(this);
            var noY = 0;

        var c = 0;
        var n = 700;    
        var interval = setInterval(function () {
            c++;                
            if (c === n) { 
                clearInterval(interval);                
            }   

            var aoY = t.offset().top;
            $("#txt").html(aoY);
            console.log(aoY);

            /*23.7 is the minumum offset number that 
            each section can get, in a 30 angle degree.
            So, if the offset reaches 23.7, then we know
            that it has a 30 degree angle and therefore, 
            exactly aligned with the spin btn*/
            if(aoY < 23.89){
                console.log('<<<<<<<<');
                $('#spin').addClass('spin');
                setTimeout(function () { 
                    $('#spin').removeClass('spin');
                }, 100);    
            }
        }, 10);

        $('#inner-wheel').css({
            'transform' : 'rotate(' + totalDegree + 'deg)'          
        });

        noY = t.offset().top;

    });
});

Answer 1

RobG提出的公式是正确的：

Math.ceil((( totalDegree + 30 ) % 360) / 60)

您还必须考虑的事实是每次连续播放的偏移都会发生变化。为了解决这个问题，你可以简单地使用这个公式：

offset = extraDegree MOD 60

然后，您可以使用偏移量变量替换函数中的数字30：

Math.ceil((( totalDegree + offset ) % 360) / 60)

See this fiddle

Gameshow JavaScript微调器无法找到Value

1 个答案: