gpt4 book ai didi

JavaScript/jQuery - 在添加和删除类与下一个函数之间添加延迟

转载 作者:行者123 更新时间:2023-11-30 13:15:01 24 4
gpt4 key购买 nike

<分区>

Possible Duplicate:
jquery add a fade to an .addClass

这是我的 jsFiddle 示例:http://jsfiddle.net/sLzGc/

我正在尝试创建一种效果,使选项 1 到 3 出现旋转。每 1.2 秒 green类从具有它的选项中删除,并且 green类被添加到下一个选项。这个想法是,在最终函数 i<5 之前,三个选项的轮换发生了五次( alert('Finished') )被执行。

我正在尝试使用 setTimeout(),但我愿意使用 .delay() 、另一个 jQuery 函数或其他一些选项。

这是我的 JavaScript/jQuery:

alert('Start');

sampleFunction();

function sampleFunction() {

for (i=0; i<5; i++) {

setTimeout(function() {
$('#option2').addClass('green');
$('#option1').removeClass('green');
},1200);

setTimeout(function() {
$('#option3').addClass('green');
$('#option2').removeClass('green');
},1200);

setTimeout(function() {
$('#option1').addClass('green');
$('#option2').removeClass('green');
},1200);

}//end for loop

}

alert('Finished');​

我的整个例子都在 jsFiddle 上:http://jsfiddle.net/sLzGc/

感谢您提供的任何帮助或见解!

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