Question

我知道bug在哪里，但我怎么能改变它？时钟的位置在deg？

    <script>
        var secondHand = document.querySelector('.second-hand');

        function setDate() {
            var now = new Date();
            var seconds = now.getSeconds();
            var min = now.getMinutes();
            var hour = now.getHours();
            var secondsDegrees = ((seconds / 60) * 360) + 90;
            secondHand.style.transform = "rotate(secondsDegrees)deg)";                 console.log(seconds);
        };
        setInterval(setDate, 1000);
    </script>
</body>
</html>

Answer 1

当您可能想要连接时，您正在分配静态字符串。正如Thijs所指出的，您可以使用0 0.652753 N 1 0.756219 N 2 0.299177 Y 3 0.851635 *Y* 4 0.942549 N 5 0.686693 N 6 0.071128 Y 7 0.482733 Y 8 0.979321 *Y* 9 0.830639 N运算符来连接字符串，或者您可以使用ES6 Template Literals，如下面的示例所示。

var secondHand = document.querySelector('.second-hand');

function setDate() {
  var now = new Date();
  var seconds = now.getSeconds();
  var min = now.getMinutes();
  var hour = now.getHours();
  var secondsDegrees = ((seconds / 60) * 360) + 90;
  secondHand.style.transform = `rotate(${secondsDegrees}deg)`;
}
setInterval(setDate, 1000);
setDate();

.container {
  width: 25%;
  height: 25%;
}

.second-hand {
  margin-top: 90px;
}

我不知道你的HTML / CSS是什么样的，所以我自己做了这个演示。

JS中的旋转元素 - 我应该如何更改我的JS代码？

1 个答案: