Javascript 使用“上一个”和“下一个”在单击时设置CSS3旋转动画

我有一个圆，当在.next类上触发onclick时，我需要将其转换为90度，当单击.prev时，我需要将其转换为-90度

我已经成功地创建了以下代码，基于我自己也可以用谷歌搜索的内容

 $('.next').on('click',function(e){

          $('.object').animate({textIndent: 90}, {
            step: function(now,fx) {
              $(this).css('-webkit-transform','rotate('+now+'deg)').css('-moz-transform','rotate('+now+'deg)').css('transform','rotate('+now+'deg)');
            },
            duration:2000
          },'linear');

        });

        $('.prev').on('click',function(e){

          $('.object').animate({textIndent: 0}, {
            step: function(now,fx) {
              $(this).css('-webkit-transform','rotate('+now+'deg)').css('-moz-transform','rotate('+now+'deg)').css('transform','rotate('+now+'deg)');
            },
            duration:2000
          },'linear');

        });

到目前为止，它只需点击一下即可工作！但我需要它旋转180，如果你点击两次。下一步，像360，当你点击4次。上一步

---

但我似乎无法让它工作，这就是为什么我现在转向各位专家：）

你们需要增量旋转

我认为这个话题有一些好的建议：

---

这似乎是对的：D谢谢你为我指明了我要去的方向！：D再次感谢！