Question

我想知道为什么单击“立即旋转”时，车轮会像弯曲的自行车轮胎一样旋转。我已经尝试了许多方法来纠正此问题，以使其通常像“命运之轮”一样旋转，但无济于事。

我尝试切换图像，给它一个高度和宽度，放慢车轮，但似乎没有任何效果，感觉我用完了所有选项

我认为我的jQuery代码有点过时并导致这种不一致的行为，但我可能是错的。如何使车轮正常旋转？提供下面的JsFiddle（https://jsfiddle.net/hbxL2s8r/26/）和代码以供参考。

以下是HTML：

<div id="spin-now" class="buttons">
  <img src="https://i.postimg.cc/28JSM5Kf/spin-now-glow-button-NEW.png" alt="">
</div>

<div id="image-spinner" class="text-center">
  <img src="https://i.postimg.cc/nzZz2wwj/wheel-no-glow-v03.png"/>
</div>

这是我的jQuery：

var degrees = 0, previousRotation = 0;

var spinNow = document.getElementById('spin-now');

spinNow.addEventListener("click", function (e) {
    console.log("triggered");
    $('#spin-now').hide();

    previousRotation = degrees;

    degrees += parseInt(360 * 10 + 315);

    // controls speed of wheel
    var milliseconds = parseInt((degrees - previousRotation)) * 1.5; 

    $("#image-spinner").css({
        "-webkit-transform" : "rotate("+ degrees +"deg)",
        "-webkit-transition-duration" : milliseconds + "ms"
    });
});

为什么单击时我的车轮令人反感？

0 个答案: