Javascript 时钟指针没有按我想要的方式旋转

Javascript 时钟指针没有按我想要的方式旋转,javascript,html,css,Javascript,Html,Css,我用html、css和javascript制作了一个时钟。我遇到的问题是当秒针完成顺时针旋转时,它从360度逆时针旋转到0度,而不是继续顺时针旋转。 视频: const hourEl=document.querySelector(“.hour”) const minuteEl=document.querySelector(“.minute”) const secondEl=document.querySelector(“.second”) const timeEl=document.query

我用html、css和javascript制作了一个时钟。我遇到的问题是当秒针完成顺时针旋转时,它从360度逆时针旋转到0度,而不是继续顺时针旋转。 视频:

const hourEl=document.querySelector(“.hour”)
const minuteEl=document.querySelector(“.minute”)
const secondEl=document.querySelector(“.second”)
const timeEl=document.querySelector(“.time”)
const datel=document.querySelector(“.date”)
const toggle=document.querySelector(“.toggle”)
施工天数=[“星期日”、“星期一”、“星期二”、“星期三”、“星期四”、“星期五”、“星期六”];
施工月数=[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”];
函数setTime(){
常数时间=新日期();
const month=time.getMonth()
const day=time.getDay()
const date=time.getDate()
const hours=time.getHours()
const hoursForClock=小时>=13?小时%12:小时;
const minutes=time.getMinutes()
const seconds=time.getSeconds()
常数ampm=hours>=12?'PM':'AM'
hourEl.style.transform=`translate(-50%,-100%)rotate(${scale(hoursForClock,0,11,0,360)}度)`
minuteEl.style.transform=`translate(-50%,-100%)旋转(${scale(分钟,0,59,0,360)}度)`
secondEl.style.transform=`translate(-50%,-100%)旋转(${scale(seconds,0,59,0,360)}度)`
timeEl.innerHTML=`hoursForClock}:${minutes<10?`0${minutes}`:minutes}${ampm}`
datel.innerHTML=`${days[day]},${months[month]}${date}`
}
常量刻度=(数值、最小值、最大值、最小值、最大值)=>{
返回(num-in\u min)*(out\u max-out\u min)/(in\u max-in\u min)+out\u min;
}
设定时间()
设置间隔(设置时间,1000)
.needle.hour{
变换:平移(-50%,-100%)旋转(0度);
}
.针.分钟{
变换:平移(-50%,-100%)旋转(0度);
高度:100px;
}
.针.秒{
变换:平移(-50%,-100%)旋转(0度);
高度:100px;
背景色:#e74c3c;
}


我已经做了必要的更改。请让我知道如果需要任何其他东西。如果你创建一个完整的代码小提琴应该是好的。我在这里没有发现任何错误,我确实认为将59映射到360是一个错误;它在每分钟结束时都会令人讨厌地停顿一下。我无法使用您的代码示例重现“倒带”。