如何解决模拟时钟 - JavaScript
我阅读了一个模拟时钟的代码,它的 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));
}
那么,学位从何而来?
解决方法
在 CSS 中,变量是这样声明的:
--my-variable: 20px;
并像这样使用:
height: var(--my-variable);
(您可以了解有关 CSS 变量的更多信息 here)
所以本质上这样做是添加一个 CSS 变量,以便稍后在 CSS 中使用它,例如:
#clock {
--angle: 0deg;
transform: rotate(var(--angle));
}
但是您希望时钟移动,因此在设定的时间,JavaScript 会更新变量的值,从而导致指针移动。
,CSS 中的角度值 more
如果 activityIndicator.center = self.view.center
activityIndicator.hidesWhenStopped = true
activityIndicator.style = uIActivityIndicatorView
view.addSubview(activityIndicator)
activityIndicator.startAnimating()
UIApplication.shared.beginIgnoringInteractionEvents()
为 0(从您的代码片段中不清楚它的用途),并且 offset
为 30 - 那么第一条语句将属性设置为 seconds
(可能,箭头像你期望的那样下降 30 秒)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。