JS实现的时钟无法正常居中、位置偏右该如何调整修复？

问题原因 #

CSS代码中.clock类的transform属性存在语法错误：translate()方法的两个参数之间缺少英文逗号，导致该位移规则不被浏览器识别，仅生效了top: 50%和left: 50%，使得时钟容器的左上角对齐页面中心，整体位置偏右下。

修复方法 #

将.clock选择器下的对应代码修改为：

transform: translate(-50%, -50%);

修改后即可实现时钟在页面中完全居中的效果，无需调整其他代码。

内容的提问来源于stack exchange，提问作者MSilver