Javascript 如何使用GSAP使svg时钟臂与当前时间相对应？

我必须为一个学校项目制作一个模拟时钟，我的一位老师建议我使用svg图像来设计时钟。该项目的一个条件是，我们只能使用GSAP来构建这个东西，所以没有jQuery或其他任何东西

我已经让所有三只手臂以我喜欢的方式移动，所以剩下的唯一要做的就是让它显示当前时间，但我只是不知道从哪里开始

这里有人能告诉我这是怎么做的吗

我的代码如下所示

谢谢

TweenMax.至（#秒），60{
轮换：360，
ease:SteppedEase.config（60），
transformOrigin：“左50%”，
重复：-1，}）；
TweenMax.至（#min），3600{
轮换：360，
轻松：线性。
伊萨诺，
transformOrigin：“左50%”，
重复：-1}）
TweenMax.至（#小时），43200{
轮换：360，
ease:Linear.ease无，
transformOrigin：“左50%”，
重复：-1}）

第一层