在内部调用（js）的函数中使用setInterval？

Question

I have such code here. I want to display result with time interval in a few seconds. But it doesn't work.

const moveCranes = setInterval(function(plate, slot_a, slot_b, slot_c) {
    if (plate > 0) {
        moveCranes(plate - 1, slot_a, slot_c, slot_b);
        port_a.innerHTML = "Move plate " + plate + " from " + slot_a + " to " + slot_c + "<br />";
    moveCranes(plate - 1,slot_b, slot_a, slot_c);
    }
}, 2000);
moveCranes(input.value,"slot_a","slot_b","slot_c");

Can you explain what do I wrong and why doesn't the setInterval doesn't work?

Answer 1

You seem to be looking for

function moveCranes(plate, slot_a, slot_b, slot_c) { /*
^^^^^^^^ */
    setInterval(function() {
//              ^^^^^^^^^^ this inner function takes no parameters
        if (plate > 0) {
            moveCranes(plate - 1, slot_a, slot_c, slot_b);
            port_a.innerHTML = "Move plate " + plate + " from " + slot_a + " to " + slot_c + "<br />";
            moveCranes(plate - 1, slot_b, slot_a, slot_c);
        }
    }, 2000);
}

And since you are recursively calling the function again, you probably wanted to use setTimeout instead of setInterval .