gpt4 book ai didi

jquery - 尝试使用 jQuery 控制 css3 转换命令来旋转 div 元素

转载 作者:太空宇宙 更新时间:2023-11-03 19:53:56 27 4
gpt4 key购买 nike

基本上,我要做的是一个每半秒计数一次的计时器,它应该更新度数并且 div 应该旋转到新的度数。这样做的最终结果(理论上)应该是一个稍微平滑且不断旋转的 div。

可悲的是,它旋转了 1 度,然后度数不再更新,即使根据控制台日志数字仍在计数。

有什么建议吗?

setInterval(function()
{
var i = 0;
i++;

$('#nav').css({'-webkit-transform' : 'rotate(' + i + 'deg)'});

console.log(i);
}
, 1000);

谢谢!

最佳答案

每次调用该函数时,您都将变量 i 设置回零:

var i = 0;

...然后添加一个。

i++;

所以它永远是“1”。您需要将该值存储在其他地方,或者每次都从 css 属性中解析它,然后添加一个。这里以前一个解决方案为例:

var rotate_degrees = 0;

setInterval(function()
{
rotate_degrees++;
$('#nav').css({'-webkit-transform' : 'rotate(' + rotate_degrees + 'deg)'});
console.log(rotate_degrees);
}
, 1000);

不同之处在于将变量声明在函数范围外部,而不是内部。

关于jquery - 尝试使用 jQuery 控制 css3 转换命令来旋转 div 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5560683/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com