javascript - 在javascript中延迟无限地交替执行两个函数

Question

我有四个 div，我想通过隐藏前一个来依次显示它们。我使用带有模运算符的计数器来选择要显示的 div。所以我需要按以下方式执行我的函数。

function show_div(counter)
***after delay***
function hide_div(counter)
***after delay***
function show_div(counter+1)
***after delay***
function hide_div(counter+1)
***after delay***
function show_div(counter+2)

我怎样才能实现这个目标？

Answer 1

一个简短的解决方案:

show_div(0);
function show_div(counter) {
    // code here
    setTimeout(hide_div, 2000, counter);
}
function hide_div(counter) {
    // code here
    setTimeout(show_div, 2000, (counter + 1) % 4);
}