Analog JavaScript

Question

我读取了一个模拟时钟的代码，其JavaScript包含以下内容：

clockElement.style.setProperty("--seconds", offset + 6 * seconds + "deg");
clockElement.style.setProperty("--hours", offset + 30 * hours + "deg");
clockElement.style.setProperty("--minutes", offset + 6 * minutes + "deg");

我理解除"；deg"；部分除了那些括号之外，其他地方都没有提到它
编辑：偏移值为-90
我的意思是"deg"；是…它没有任何价值。例如，CSS如下所示：

#analogClock .second {
transform: rotate(var(--seconds));
}

那么，学位是从哪里来的呢？

Answer 1

在CSS中，变量的声明如下：

--my-variable: 20px;

并像这样使用：

height: var(--my-variable);

(你可以在这里了解更多关于CSS变量的信息(

因此，本质上，它所做的是添加一个CSS变量，以便稍后在CSS中使用，例如：

#clock {
--angle: 0deg;
transform: rotate(var(--angle));
}

但您希望时钟移动，因此在设定的时间，JavaScript会更新变量的值，从而导致指针移动。

Answer 2

CSS中的角度值更多

如果offset是0(从代码片段中不清楚它的用途(，而seconds是30，则第一条语句将属性设置为"180deg"(可能是向下箭头，如您所期望的30秒(