Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Вывод картинки по окончанию счётчика (https://javascript.ru/forum/misc/71638-vyvod-kartinki-po-okonchaniyu-schjotchika.html)

marc 02.12.2017 03:03

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

Ermite 03.12.2017 18:51

Заменить
<audio src=\"sound.wav\" autoplay></audio>

на
<img src='картинка'>

? :blink:


Часовой пояс GMT +3, время: 11:17.