如何进行旋转然后停止

Question

我有一个div开始旋转，但我不确定如何让它以一定角度停止。目前，令人高兴的是它继续前进。我的问题是我如何让它停在像 96 这样的角度。

<script type="text/javascript">
$(function() {
var $elie = $("#super");
rotate(1);
function rotate(degree) {        
    $elie.css({ WebkitTransform: 'rotate(' + degree + 'deg)'});  
    $elie.css({ '-moz-transform': 'rotate(' + degree + 'deg)'});                      
    timer = setTimeout(function() {
     rotate(++degree);
    },2);
}
});
</script>

Answer 1

要停止在 96 degress，请尝试以下操作：

if (degree < 96) {
    timer = setTimeout(function() {
        rotate(++degree);
    }, 2);
}

示例小提琴

Answer 2

尝试这样的事情：

<script type="text/javascript">
var stopAtValue = 96;
$(function() {
var $elie = $("#super");
rotate(1);
function rotate(degree) {        
    $elie.css({ WebkitTransform: 'rotate(' + degree + 'deg)'});  
    $elie.css({ '-moz-transform': 'rotate(' + degree + 'deg)'});                      
    timer = setTimeout(function() {
    if(degree==stopAtValue) {
      // do nothing
    } else {
      rotate(++degree);
    },2);
}
});
</script>