延迟后在jQuery中运行函数

扎莫斯基

所以,基本上,我有三个功能,我希望它们一个接一个地延迟两秒运行。

我想要实现以下目标:

firstFunction();
// Two seconds delay
secondFunction();
// Two seconds delay
thirdFunction();
// Two seconds delay
firstFunction();

等等。我尝试了setInterval,setTimeout,jquery delay,到目前为止,我什么都没做-在最佳情况下,所有三个功能都同时运行。确切地说,这三个函数的代码非常相似

var active = $(".active.two").removeClass('active');
if (active.next('img') && active.next('img').length) {
    active .next('img').addClass('active');
} else {
    active.siblings(":first-child").addClass('active');
}

如果您能告诉我正确的方向,我将不胜感激。

罗里·麦克罗森(Rory McCrossan)

您可以使用它setInterval来实现。通过将对函数的引用存储在数组中,然后依次调用它们,可以使其更简单。试试这个:

function funcOne() {
    console.log('one');
}

function funcTwo() {
    console.log('two');
}

function funcThree() {
    console.log('three');
}

var i = 0;
var funcs = [ funcOne, funcTwo, funcThree ];
setInterval(function() {
    funcs[i % funcs.length]();
    i++;
}, 2000);

小提琴的例子

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

仅在使用jQuery解决所有延迟后才如何运行函数?

来自分类Dev

jQuery animate()函数被延迟并且运行缓慢

来自分类Dev

在重复的jQuery / Ajax函数中设置延迟

来自分类Dev

在 Coffeescript + Jquery 文件中延迟函数调用

来自分类Dev

Xamarin Android中的延迟后如何运行代码

来自分类Dev

动画后的jQuery延迟

来自分类Dev

浏览3页后运行jQuery函数

来自分类Dev

JQuery验证后运行JS函数

来自分类Dev

jQuery-删除后运行函数

来自分类Dev

延迟后运行keyup功能

来自分类Dev

延迟jQuery .click函数

来自分类Dev

jquery show() 函数延迟

来自分类Dev

jQuery中的某些延迟后刷新页面

来自分类Dev

希望在ReachJS中获取后运行函数

来自分类Dev

用户将YouTube链接粘贴到输入(Ajax)中后运行的Jquery函数

来自分类Dev

运行JavaScript和更改元素后jquery函数中的问题

来自分类Dev

延迟函数调用中的延迟函数调用

来自分类Dev

jQuery:延迟变量play()函数?

来自分类Dev

jQuery:延迟每个函数的问题

来自分类Dev

jQuery在scrollTop函数上的延迟

来自分类Dev

$ .each ajax请求完成后的jQuery运行函数

来自分类Dev

jQuery函数仅在刷新页面后运行

来自分类Dev

属性更改后,jQuery函数仍在运行

来自分类Dev

jQuery中的延迟链

来自分类Dev

在 jQuery 延迟后加载 jquery 插件文件

来自分类Dev

如何使仅在修改JavaFX中的某些UI元素后才运行的延迟线程?

来自分类Dev

延迟对象解析后执行然后的函数

来自分类Dev

自定义延迟加载函数将数据加载到容器后,jQuery函数OnClick不起作用

来自分类Dev

如何在OnClick方法中处理我的Looper以延迟运行函数?