如何在javascript中为旋转函数使用变量？

我试图使用transform:rotate（）每秒旋转一个元素一定量，但我不知道如何使用变量而不是字符串来进行旋转

我尝试创建一个连接函数，并在旋转函数内部连接

        function runTime() {

            var d = new Date();
            var s = s+6
            var m = m+.1
            var h = h+.008333
            $("#seconds").css({'transform':'rotate('+s+'deg)'});
            $("#minutes").css({'transform':'rotate('+m+'deg)'});
            $("#hours").css({'transform':'rotate('+h+'deg)'});
            t=setTimeout(runTime,1000);

        }

---

我没有要验证的jquery，但是您的代码应该可以工作

• 确保您的

  s

  、

  m

  和

  h

  变量是数字而不是字符串，否则添加

  s+6

  将与添加相反地进行连接

• 您可以使用

  setInterval（runTime，1000）

  一次，而不是每次迭代都使用

  setTimeout

• 您可以使用字符串模板，例如旋转（${h}deg`，使css属性更易于阅读

const$=document.querySelector.bind（文档）；
让运行时=（）=>{
设d=新日期（）；
设s=d.getSeconds（）*6；
设m=d.getMinutes（）*6
设h=d.getHours（）*30；
$（“#秒”）.style.transform=`旋转（${s}deg）`；
$（“#分钟”）.style.transform=`旋转（${m}deg）`；
$（“#小时”）.style.transform=`旋转（${h}deg）`；
}
setInterval（运行时，1000）；

div{
外形：1px纯黑；
位置：绝对位置；
}
#小时数{
宽度：3倍；
高度：26px；
}
#会议记录{
宽度：2倍；
高度：30px；
}
#秒{
宽度：1px；
高度：34px；
}

hours

minutes

seconds

将始终使用相同的值，这样就可以实现预期的行为？？如果没有，那么您应该在使用SetTimeOut执行递归调用时传递这些值定义日期变量中的变量工作正常谢谢。