如何使用 Javascript 在單擊下一個按鈕之前等待 x 秒

Question

我有這個點擊元素的代碼。 這些按鈕的目的是打開手風琴。 它可以工作，但我需要對其進行一些修改以減少服務器上的負載。 目前，所有按鈕都被一次單擊，這導致同一頁面上的某些按鈕不起作用。

我想知道是否有辦法在單擊下一步按鈕之前等待至少 3 秒。 所有按鈕共享相同的類名。

const matchBtns = document.querySelectorAll('.classname')
matchBtns.forEach(matchbtn => matchbtn.click())

我試圖將 forEach 包裝在 setTimeout 內，但我無法讓它工作。

我試過了

setTimeout(function() { matchBtns.forEach(matchbtn => matchbtn.click());}, 3000);

謝謝

Answer 1

您可以像這樣更改您的實現

 const matchBtns = document.querySelectorAll('.classname') let nextClickIn = 0; let delay = 3000; matchbtns.forEach((matchbtn) => { setTimeout(() => {matchbtn.click()}, nextClickIn) nextClickIn += delay })

注意：以毫秒為單位提供延遲值

Answer 2

您可以編寫如下代碼：

    const matchBtns = document.querySelectorAll('.classname')

    let nextClick = 1;
    let delay = 3000;
    matchbtns.forEach((matchbtn) => {
        setTimeout(() => {matchbtn.click()}, delay)
        nextClick++;
        delay *= nextClick
    })