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

Question

我知道错误在哪里，但我该如何改变它？时钟的位置在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指出的，您可以使用+运算符来连接字符串，或者可以使用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; 
 
}

<div class="container"> 
 
    <div class="second-hand">Hand</div> 
 
</div>

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