如何修改jQuery滚动时钟，将24小时周期改为6:00-20:00的14小时周期？

原代码数值含义拆解 #

• 720：对应24小时周期内时针的总转动角度。时针每12小时转一圈（360度），24小时就是2圈，即360×2=720度。
• 518400 / 60：计算结果为8640，是24小时周期内分针的总转动角度。分针每小时转一圈（360度），24小时就是24圈，即360×24=8640度；518400实际是24小时总秒数（86400）乘以6，原逻辑是先按秒计算总刻度再转成分钟维度的角度。

修改方向 #

将24小时对应的总角度替换为14小时（6:00 AM到8:00 PM）的对应值即可：

1. 时针总角度：14小时内，时针每小时转30度（360÷12），总角度为14×30=420度，把代码中的720替换成420。
2. 分针总角度：14小时共有14×60=840分钟，分针每分钟转6度（360÷60），总角度为840×6=5040度，把(518400 / 60)替换成5040。

修改后的代码块：

rotateElement('#svg-hour', progressToText(progress, 420, null, false));
rotateElement('#svg-minute', progressToText(progress, 5040, null, false));

调整后整页滚动会对应14小时周期，从你设置的初始6:00 AM，滚动到页面底部时正好对应8:00 PM。

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