Question

美好的一天。问题看起来如下。我有一个命运之轮，其中颜色具有不同的顺序，但外观较小。算命轮是我在数组中编写的度数分配。砂轮在指定时间自动旋转。非常重要的问题是，车轮向左旋转一次，向右旋转一次。第一个问题是，在您希望方向盘向右旋转的意义上，如何避免这种情况。

我的代码：

<div class="rl-time">00.00</div>
//img link is here becacues I don't have 10 points of reputation
//https://upload.wikimedia.org/wikipedia/en/e/ee/WheelofFortune2.png
<div><img src="" alt="wh"></div>

css

img{
 width: 300px;
 transition: transform 5s ease-in-out;
 will-change: transform;
 transform-origin: 50% 50%;
}

js

    var count = 100;
let degs = 0;

const items = [
  '0', '7', '13.5', '20', '26.5', '33.5', '40', '47', '53.5', '60',
  '66.5', '73.5', '80', '87', '93.5', '100', '107', '113.5', '120',
  '127','133.5', '140.2', '147', '153.5', '160.5', '167', '173.5',
  '180','187', '193.5', '200', '207', '213.5', '220', '227', '233.5',
  '240','247', '253.5', '260', '267', '273.5', '280', '287', '293.5', 
  '300', '307', '313.5', '320', '327', '333.5', '340', '347', '353.5'
 ];

function timer()
{
    var counter = setInterval(countdown, 10);
    function countdown(){
        if (count <= 0)
        {
            clearInterval(counter);
            $(".rl-time").text("00.00"); 

            spinIt();
            return;
        }
        count--;

        if(count < 1000){
            $(".rl-time").text("0" + (count /100).toFixed(2)); 
        }else{
            $(".rl-time").text((count /100).toFixed(2));
        }
    }

}

function spinIt() { 
            degs += parseInt(items[Math.floor(Math.random()*items.length)]) + 360;

    var css = 'transform: rotate('+degs+'deg)';
    $("img").attr('style', css);

    count = 100;
    setTimeout(function(){
        timer();
    }, 5700);

}




 timer();

您可以在我的代码中看到：

degs += parseInt(items[Math.floor(Math.random()*items.length)]) + 360;

当然，由于这个原因，它仅向右旋转，但是不会从项目中返回相应的结果。为项目分配了必须返回的适当值。好吧，我想您可以帮助我，或者您会提供建议。预先感谢。

Answer 1

据我所知，您的问题：这可能会有所帮助：将其放入 $title="this is title"; $stmt->bind_param("i", $id); ：

function spinIt()

从您的场景中获取角度：只需使用： degs += 360 - degs % 360; degs += 1*items[Math.floor(Math.random()*items.length)]; var css = 'transform: rotate('+parseInt(degs)+'deg)'; 。

命运之轮。如何仅向右旋转和

1 个答案: