以下jQuery代码的JavaScript等价物是什么？

我想做旋转的轮子，但是我想旋转指针，而不是旋转轮子。我有下面的jQuery代码段，它旋转指针，但我不知道如何将这个jQuery代码段转换为JavaScript

jQuery代码：

我想做这样的事情

---

这里是一个简单的例子，它展示了如何使用可通过JS开关的CSS动画，使用vanilla JS和CSS解决这个问题

var stage=document.querySelector'stage'； var rot=document.querySelector'rotating'； stage.addEventListener“单击”函数{ rot.classList.toggle'animated'； }; 舞台{ 位置：相对位置； 高度：100px； 背景色：000； } 旋转{ 位置：绝对位置； 顶部：calc50%-25px； 左：calc50%-25px； 宽度：50px； 高度：50px； 背景色：c00； 动画：旋转线性6秒； 动画迭代次数：无限； 动画播放状态：暂停； 变换原点：50%50%； } 旋转动画{ 动画播放状态：运行； } @关键帧旋转{ 0% { 变换：旋转0度； } 100% { 变换：旋转359度； } }

---

请发布您的尝试，注意输入和预期输出。您是否在询问如何将jQuery代码转换为vanilla Javascript？仅动画方法太复杂，无法转换。您是否尝试过css变形？然后用纯Javascript切换一个类？是@NickParsons

$( document ).ready(function() {
  var startJP = (164) + (360 * 3);
  $('.jackpot-pointer').animate({  transform: startJP }, {
      step: function(now,fx) {
        $(this).css('-webkit-transform','rotate('+now+'deg)'); 
      },
      duration:6000
  },'linear');
});