Javascript jquery旋转函数不工作

嗨，伙计们，现在我正试图找出如何旋转一个div，并使它停在一个位置。我在这方面得到了一些帮助，但是我不确定我做错了什么。对代码的任何帮助都将是巨大的

谢谢大家的帮助

看看这里

我添加了var-elie=null；作为全局var和put elie=$super；在jQuery的onReady中

像这样

它正在工作。

看这里

我添加了var-elie=null；作为全局var和put elie=$super；在jQuery的onReady中

像这样

---

它现在正在工作。

尝试将javascript代码更改为如下所示：

$(window).load(function(){
var $elie = $("#super");
rotate(1);

function rotate(degree) {
$elie.css({
'-webkit-transform': 'rotate(' + degree + 'deg)',
'-moz-transform': 'rotate(' + degree + 'deg)',
'-o-transform': 'rotate(' + degree + 'deg)',
'-ms-transform': 'rotate(' + degree + 'deg)',
'transform': 'rotate(' + degree + 'deg)'
});
console.log(degree);
if (degree < 100) {
timer = setTimeout(function() {
    rotate(++degree)
}, 1);
}} 
});

---

这里是演示：

尝试将javascript代码更改为如下所示：

$(window).load(function(){
var $elie = $("#super");
rotate(1);

function rotate(degree) {
$elie.css({
'-webkit-transform': 'rotate(' + degree + 'deg)',
'-moz-transform': 'rotate(' + degree + 'deg)',
'-o-transform': 'rotate(' + degree + 'deg)',
'-ms-transform': 'rotate(' + degree + 'deg)',
'transform': 'rotate(' + degree + 'deg)'
});
console.log(degree);
if (degree < 100) {
timer = setTimeout(function() {
    rotate(++degree)
}, 1);
}} 
});

下面是演示：