当我在 javascript 样式方法上放置一个变量时，为什么 css 不起作用

Question

let second = document.querySelector('.second');
let secondNed = 0;

setInterval(function () {
    secondNed += 6;
    if (secondNed == 360) {
        secondNed = 0;
    }
    second.style.transform = `rotate(${secondNed}deg);`
    console.log(secondNed);
}, 1000);

所以我的问题是如何将变量放入样式中？

（在这种特定情况下 - 如何使用 secondaryNed 变量设置 CSS 变换属性）

Answer 1

从 CSS 属性值中删除分号。

second.style.transform = `rotate(${secondNed}deg)`; 
// note semicolon is outside the string

或者，您可以设置 CSS

rotate

属性。

second.style.rotate = secondNed + 'deg';