Javascript 用于旋转对象的jQuery回调函数

我不知道如何将回调函数添加到这个CSS动画中

HTML

JS

使用

---

更新的fiddle:

您可以使用css动画，并以相同的持续时间调用回调：

javascript css 工作样本：

---

您想要什么样的回调函数？顺便说一句，看起来您对

步骤使用回调函数是不必要的。我们有很多种回调函数，
complete
的回调函数就是其中之一。还不清楚OP想要什么，太好了！非常感谢你！如果对您有意义的话，我必须更改作为一个对象一起旋转的包装div组的ID。我创建的示例非常简单。
<button>Rotate</button><br><br>
<div></div>

div {
    height:40px;
    width:40px;
    background-color: grey;
}

$(document).ready(function(){
  $("button").click(function(){
      $("div").animate({textIndent: "-=90"}, 
          {step: function(now,fx)
           {$(this).css('-webkit-transform','rotate('+now+'deg)')},duration:'slow'},
       'linear')
    })
})

$(document).ready(function(){
  $("button").click(function(){
      $("div").animate({textIndent: "-=90"}, 
          {step: function(now,fx)
           {$(this).css('-webkit-transform','rotate('+now+'deg)')},duration:'slow',complete:function(){alert("hi");}},
       'linear')
    })
})

$(document).ready(function(){

    var now = -90;
  $("button").click(function(){
      $("div").css('-webkit-transform', 'rotate('+now+'deg)');
      now -= 90;
      window.setTimeout(callback, 1000);
    });
})

function callback() {
 alert('callback func');   
}

div {
    height:40px;
    width:40px;
    background-color: grey;
     -webkit-transition:all 1s ease;
    transition:all 1s ease;
}