Как воспроизвести нажатия на кнопку по очереди?

Question

[MRcracker]

У меня есть функция, которая автоматически нажимает на кнопку. Сейчас она нажимает на две кнопки сразу. Как сделать так, чтобы нажатие происходило поочередное т.к. сначала было нажатие на одну кнопку, а после того, как музыка проиграет нажималась другая кнопка и тд.

function autoClickButton() {
    let button = document.getElementById("button");
    let button2 = document.getElementById("button2");
    button.click();
    button2.click();
  }

Comments

[Danny Arty]

а музыка воспроизводится стандартным html5 плеером?

Answer 1

[zkrvndm]

Попробуй так:

async function autoClickButton() {
	
	document.querySelector('#button').click();
	
	await new Promise(function(s) { setTimeout(s, 3000); });
	
	document.querySelector('#button2').click();
    
}

Где 3000 это задержка между действиями в миллисекундах.

Answer 2

[Danny Arty]

Как сделать так, чтобы нажатие происходило поочередное т.к. сначала было нажатие на одну кнопку, а после того, как музыка проиграет нажималась другая кнопка и тд.

Если это стандартный HTML audio-плеер, то можно сделать так:

function autoClickButton() {
    let button = document.getElementById("button");
    let button2 = document.getElementById("button2");
    button.click();
    document.getElementById("#id-первого-плеера").addEventListener("ended", function(){
        button2.click();
    });
  }