Javascript 模拟时钟&x27；s的手不是'；t旋转

我正在尝试使用js/css/html制作一个模拟时钟

问题是时钟的指针不工作了

从js函数内部旋转它似乎不起作用。我试着从css手动改变旋转度，效果很好

该功能正在工作我尝试了控制台登录秒的值，它工作了

函数ticktock（）{
变量时间=新日期（）；
var second=time.getSeconds（）；
document.getElementsByClassName（“时钟指针”）[0]。style.tranform='rotate（54度）'；
console.log（第二个）；
设置超时（滴答声，1000）；
}
滴答声（）
*{
保证金：0；
填充：0；
框大小：边框框；
}
.集装箱{
显示器：flex；
证明内容：中心；
对齐项目：居中；
边框：2倍纯绿；
位置：相对位置；
}
.钟{
背景图片：url(https://i.stack.imgur.com/t1y7j.jpg);
宽度：300px；
高度：300px；
背景尺寸：封面；
边框：2倍纯色橙色；
位置：相对位置；
}
.时钟指针{
位置：绝对位置；
顶部：49px；
左：51px；
边框：2倍纯紫色；
高度：200px；
宽度：200px；
}

文件
计时员
我投票结束了这个问题，因为这个问题只是一个打字错误，但我仍然想用一个有效的秒针来发布这个片段，因为我已经完成了


函数ticktock（）{
变量时间=新日期（）；
var second=time.getSeconds（）；
document.getElementsByClassName（“时钟指针”）[0].style.transform='rotate（+（秒/60*360）+'deg'）；
console.log（第二个）；
设置超时（滴答声，1000）；
}
滴答声（）
*{
保证金：0；
填充：0；
框大小：边框框；
}
.集装箱{
显示器：flex；
证明内容：中心；
对齐项目：居中；
边框：2倍纯绿；
位置：相对位置；
}
.钟{
背景图片：url(https://i.stack.imgur.com/t1y7j.jpg);
宽度：300px；
高度：300px；
背景尺寸：封面；
边框：2倍纯色橙色；
位置：相对位置；
}
.时钟指针{
位置：绝对位置；
顶部：49px；
左：51px；
边框：2倍纯紫色；
高度：200px；
宽度：200px；
}

文件
计时员
这只是一个输入错误，将
transform
更改为
transform
，它会起作用，另一方面，您运行
ticktock（）
函数中的
setTimeout（）
有什么原因吗？这将在每个刻度上创建一个新的超时。为什么不呢？首先，谢谢你的帮助，为了回答刘易斯，我试着使用setInterval，但几秒钟后它似乎加快了，我不太确定，但我想，因为每次，它都会在之前的一个上执行，这有点打破了时钟，这里有一篇Reddit文章可能会有所帮助。。。这只是一个打字错误。更改`document.getElementsByClassName（“时钟指针”）[0].style.tranform='rotate（54度）`；`to
document.getElementsByCassName（“时钟指针”）[0].style.transform='rotate（'second+'deg'）参考：