警报框中的确定按钮

Question

I need to put an alert box with the message “Welcome.” after every 5 seconds and will only exit after 5 times of clicking the OK button? Is that possible?

Answer 1

Sumit's answer does work

I have turned it into a snippet to run here on Stack Overflow itself, and added numbers to the "Welcome" message, so you can follow its progress through the 5 clicks.

 const callWelcome = () => { alert('Welcome 1'); alert('Welcome 2'); alert('Welcome 3'); alert('Welcome 4'); alert('Welcome 5'); } setTimeout(callWelcome, 5000);

I am confident this will work for you, because it is here on this site. If it doesn't, please indicate what "Welcome" message you are seeing, ie what number?

More closely match what you asked for

From my reading of your questions, you want a 5 second delay BEFORE the first alert, but then a NEW 5 second delay after closing the first alert, before opening the next alert, and so on. If so, this will do the trick.

 setTimeout(() => { alert('Welcome 1'); setTimeout(() => { alert('Welcome 2'); setTimeout(() => { alert('Welcome 3'); setTimeout(() => { alert('Welcome 4'); setTimeout(() => { alert('Welcome 5'); }, 5000); }, 5000); }, 5000); }, 5000); }, 5000);

So from your comment now, I realise you mean it should keep going round that loop?

It was not clear in your question, I am afraid. I now think you meant to say, "after 5 seconds, there is a welcome message, which you have to click 5 times to make it go away, and after that, after a 5 second delay, it reappears, and so on."

 function fivefoldMessage() { alert('Welcome 1'); alert('Welcome 2'); alert('Welcome 3'); alert('Welcome 4'); alert('Welcome 5'); setTimeout(fivefoldMessage, 5000) } setTimeout(fivefoldMessage, 5000)