Chciałbym wstawić 15 obrazków poprzez kliknięcie guzika
Gdy kliknę guzik (button z input) na otwartym skrypcie na przeglądarce, ukarzę mi się obraz1 potem skrypt odczeka 1 sekunde i pokaze obraz 2 i tak az do obrazka 15
Jak to napisać?
Jakiej pętli użyć ? ?
0
2
Masz do tego dwie funkcje:
SetInterval - https://www.w3schools.com/jsref/met_win_setinterval.asp
oraz
SetTimeout - https://www.w3schools.com/jsref/met_win_settimeout.asp
Pierwsza z nich wykonuje kod cyklicznie co określony czas, druga odpala się tylko jeden raz po określonym czasie. Zasadniczo możesz skorzystać z którejkolwiek z nich, ale ja bym skorzystał z drugiej w następujący sposób :
W obsłudze wciśnięcia przycisku ładujesz pierwszy obrazek i odpalasz timeout na określony czas. Po jego upływie zostanie wywołana wskazana funkcja, której zadaniem będzie załadowanie kolejnego obrazka. Jeśli dany obrazek nie będzie ostatni na liście, to ponownie uruchamiasz timeout, aż w końcu wszystkie obrazki zostaną załadowane.