Javascript Jquery ccs3时钟360°；=1秒

这是我的问题。我想让我的图像逐渐动画化，使其在一秒钟内旋转360°。所以每3毫秒1度每1000毫秒360度。现在什么也没有发生

提前谢谢

这是密码

CSS:

HTML:

---

您没有增加旋转量，因此将其连续设置为1度

我做了（用一只小猫当钟！）

---

希望这会有所帮助！

您没有增加旋转量，因此将其连续设置为1度

我做了（用一只小猫当钟！）

---

希望有帮助！

您实际使用的

var srotate=“rotate（1deg）”；

是将旋转设置为每3毫秒1度。您需要每3毫秒添加一度

尝试此操作在360度范围内迭代：

var degree = 1; // Declare outside your interval loop
setInterval(function(){ // Add this to your loop
    degree++;
    if(degree % 360 == 0){
        degree = 1;
    }
    var str = 'rotate(' + degree + 'deg)'; // str now equals your string for transforms.
});

关于变换

关于模（%）运算符

---

由于脚本执行，在使用setInterval时，您的“时钟”可能会在长时间内延迟。

您实际使用的

var srotate=“rotate（1deg）”；

是将旋转设置为每3毫秒1度。您需要每3毫秒添加一度

尝试此操作在360度范围内迭代：

var degree = 1; // Declare outside your interval loop
setInterval(function(){ // Add this to your loop
    degree++;
    if(degree % 360 == 0){
        degree = 1;
    }
    var str = 'rotate(' + degree + 'deg)'; // str now equals your string for transforms.
});

关于变换

关于模（%）运算符

---

由于脚本执行，在使用setInterval时，您的“时钟”从长远来看可能会延迟。

因为您在示例中使用了一些CSS3规则，这里有一些纯CSS3规则：

因为您在示例中使用了一些CSS3规则，这里有一些纯CSS3规则：

谢谢，这正是我想要做的，但仍然不理解e i技巧。好的，我明白；）没有注意到i++。再次感谢您每次函数执行变量时，

i

都会递增1。然后将此变量应用于css值，以便在第一次运行时，该值是“1deg”，然后是“2deg”，然后是“3deg”，依此类推。当它达到360度时，我没有费心重置

I

，但@remibreton的回答显示了这一点。这是在线的，但是没有打开我在js上得到了一个非法的令牌错误，css转换是自动禁用的你在最后的

之后得到了一个非法字符（但不知何故它是不可见的）。只要走到那条线的尽头，点击backspace。看起来什么都没发生，但脚本现在会执行，这正是我想要做的，但仍然不理解我的把戏。好的，我明白；）没有注意到i++。再次感谢您每次函数执行变量时，
i
都会递增1。然后将此变量应用于css值，以便在第一次运行时，该值是“1deg”，然后是“2deg”，然后是“3deg”，依此类推。当它达到360度时，我没有费心重置
I
，但@remibreton的回答显示了这一点。这是在线的，但是没有打开我在js上得到了一个非法的令牌错误，css转换是自动禁用的你在最后的
之后得到了一个非法字符（但不知何故它是不可见的）。只要走到那条线的尽头，点击backspace。看起来什么也没有发生，但是脚本现在可以执行了，值得注意的是setInterval有一个最小的延迟。它高于3ms，但根据版本的不同，浏览器之间可能会有所不同。它在4ms到10ms之间。同样值得注意的是，setInterval有一个最小的延迟。它高于3ms，但根据版本的不同，浏览器之间可能会有所不同。大约在4到10毫秒之间。
$(document).ready(function() {
    setInterval(function() {
        var srotate = "rotate(1deg)";
        $("#sec").css({
            "-moz-transform": srotate,
            "-webkit-transform": srotate
        });
    }, 3);
});​

var degree = 1; // Declare outside your interval loop
setInterval(function(){ // Add this to your loop
    degree++;
    if(degree % 360 == 0){
        degree = 1;
    }
    var str = 'rotate(' + degree + 'deg)'; // str now equals your string for transforms.
});