javascript - 3D オブジェクトのターンテーブルが 9 付近で奇妙にスキップする

Question

私の先生は、数年前に彼のクラスのウェブサイトを作ることを許可してくれました。

最近、3D ターンテーブル (オブジェクトの周りを回転するカメラから非常に多くのフレームをレンダリングする) 機能を追加しました。側面にボタンを付けて、クリックしたままにしておくだけで一定の速度で動くようにしたい. (私はそれを作成するために CSS Triangle Generator を使用しましたが、Jquery は mousedown イベントを取得しません...これを理解します...)。間に様式化された HTML5 範囲があります。

クリックした方向矢印に応じて、9 または 10 前後になると問題が発生します。何フレームでも、最後までジャンプしたいだけです。私はそれが私の論理と関係があると思います:

function Turntable(ttMethod) {
    var slider;
    if(typeof ttMethod !== 'undefined') slider = $('#tt-slider-input');
    if(ttMethod == 'rotate') padVal = slider.val();
    else if(ttMethod == 'rotate-r') { // ERROR POSSIBLY IN THESE STATEMENTS
        padVal = slider.val();
        //if(padVal >= slider.attr('max')) padVal = '0000';
        if(padVal >= 0 && padVal < slider.attr('max')) padVal++;
        else if(padVal == slider.attr('max')) padVal = 0;
        else padVal = slider.attr('max');

        //console.log(padVal);

        slider.val(padVal);
    }
    else if(ttMethod == 'rotate-l') { // ERROR POSSIBLY IN THESE STATEMENTS
        padVal = slider.val();
        if(padVal <= slider.attr('max') && padVal > 0) padVal--;
        else if(padVal == 0) padVal = slider.attr('max');
        else padVal = 0;
        //else if(padVal <= 0) padVal = slider.attr('max');

        //console.log(padVal);

        slider.val(padVal);
    }
    else return;

    padVal = pad_with_zeroes(padVal,4);
    $('#turntable').css('background-image','url('+slider.attr('data-folder')+slider.attr('data-base')+padVal+'.'+slider.attr('data-format')+'), url(images/loading.png)');
}

ターンテーブルの例は次のよう になります。左下隅にあるターンテーブルに似た円. それらはターンテーブルです.)