Javascript 旋转图像定时器

我该如何向这个js添加一个计时器，以便图像在“x”时间后自动更改。目前，更改是通过带有“rel”属性的“a href”进行的，但仍然需要带有“rel”属性的函数

js:

html:

---

嗯，我不知道你到底想做什么，但这可能就是你想要的。它在jQuery中修改动画队列而不暂停代码的执行，因此您应该能够在动画尚未运行时更改有关图像的其他内容

如果您还询问如何进行旋转（以与

.delay（）

配合使用的方式），我建议您这样做。查看自述文件以获取有关如何使用它的完整说明，但对于您想要做的事情，只需包含两个JavaScript文件，然后：

$('#image').delay(x).rotate(d);

给定x秒的延迟和d度。当然，你可以做更复杂的事情

编辑：

我刚意识到你可能不想让它有生气。在这种情况下，您应该使用同一作者的另一个补丁，执行以下操作：

$('#image').delay(x).queue(function () {
  $('#image').css({transform: 'rotate(165deg)'});
});

这使得jQuery像动画一样应用css转换，因此它可以被延迟，但实际上没有任何动画

此外，在作者的个人网站上，如果您依赖jQuery将转换属性作为六值转换矩阵返回，则需要注意一点。他的补丁将其返回到1.4.3之前的功能，以返回转换字符串（例如，

“旋转（90度）”

）。这适用于动画和非动画解决方案

编辑2:

---

我刚才看到的评论是，您可能不想物理旋转图像，而只是周期性地切换图像。为此，只需使用上面的延迟示例，但用一个内部函数代替css转换，该函数以您想要的方式替换图像。如果是这种情况，请忽略jQuery插件和我提到的限制。

好吧，我不能确切地看到您正在尝试做什么，但可能是您正在寻找的。它在jQuery中修改动画队列而不暂停代码的执行，因此您应该能够在动画尚未运行时更改有关图像的其他内容

如果您还询问如何进行旋转（以与

.delay（）

配合使用的方式），我建议您这样做。查看自述文件以获取有关如何使用它的完整说明，但对于您想要做的事情，只需包含两个JavaScript文件，然后：

$('#image').delay(x).rotate(d);

给定x秒的延迟和d度。当然，你可以做更复杂的事情

编辑：

我刚意识到你可能不想让它有生气。在这种情况下，您应该使用同一作者的另一个补丁，执行以下操作：

$('#image').delay(x).queue(function () {
  $('#image').css({transform: 'rotate(165deg)'});
});

这使得jQuery像动画一样应用css转换，因此它可以被延迟，但实际上没有任何动画

此外，在作者的个人网站上，如果您依赖jQuery将转换属性作为六值转换矩阵返回，则需要注意一点。他的补丁将其返回到1.4.3之前的功能，以返回转换字符串（例如，

“旋转（90度）”

）。这适用于动画和非动画解决方案

编辑2:

---

我刚才看到的评论是，您可能不想物理旋转图像，而只是周期性地切换图像。为此，只需使用上面的延迟示例，但用一个内部函数代替css转换，该函数以您想要的方式替换图像。如果是这种情况，请忽略jQuery插件和我提到的限制。

您正在HTML

元素的
rel
属性中存储一个位置？你是想用类似的方式来存储旋转量吗？我想他希望图像从一个图像文件夹中定期更改（想想“旋转”横幅广告）。由于问题不明确，请更改它。您正在HTML
元素的
rel
属性中存储位置？你是想用类似的方式来存储旋转量吗？我想他希望图像从一个图像文件夹中定期更改（想想“旋转”横幅广告）。这个问题模棱两可，请改一下。