Вывод картинки по окончанию счётчика
Что прописать, чтобы вместо аудио после окончания таймера высвечивалась картинка?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="wave"></div> <div style="text-align: center;"> <input type="button" onclick="count_rabbits()" value="Начать отсчёт времени"/> </div> <script type="text/javascript"> function play() {document.getElementById("wave").innerHTML = "<audio src=\"sound.wav\" autoplay></audio>"} function count_rabbits() { var counter = 15; var obj = document.getElementById('timer_inp'); function f_callee() { play(); alert('Время вышло'); } (function (acounter, aobj, af_callee) { var timeoutID = window.setInterval(function () { acounter--; if (aobj) { aobj.innerHTML = acounter; } if (acounter == 0) { clearInterval(timeoutID); if (af_callee != undefined) { af_callee(); } } },1000); })(counter, obj, f_callee); } </script> <div style="text-align:center;padding-top:50px">Осталось <span style="font-weight:bold" class="r" id="timer_inp">15</span> секунд</div> </body> </html> |
Заменить
<audio src=\"sound.wav\" autoplay></audio> на <img src='картинка'> ? :blink: |
Часовой пояс GMT +3, время: 11:17. |