Что прописать, чтобы вместо аудио после окончания таймера высвечивалась картинка?
<!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>
