Home/ Questions/Q 8972733
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T18:17:15+00:00

Here is a small html file which creates a timer image and plays a

  • 0

Here is a small html file which creates a timer image and plays a timer music when I click it.

<html>
    <head>
        <script language="javascript" type="text/javascript">
            function playSound(soundfile) {
                document.getElementById("dummy").innerHTML = "<embed src=\"" + soundfile + "\" hidden=\"true\" autostart=\"true\" loop=\"false\" />";
            }
        </script>
    </head>
    <body>
        <table width="100%" height="100%">
            <tr>
                <td align="center" valign="middle">
                    <a href="#" onclick="playSound('timer.mp3');">
                        <img src="timer.png"/>
                    </a>
                </td>
            </tr>
        </table>
        <span id="dummy"></span>
    </body>
</html>

I am new to JavaScript but here is what I want:

When the user click the image the music should be played non-stop until the user clicks the image again.

How do I do this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    <audio id="player" controls="controls"></audio>     Remove "control" if you don't
<button onClick="playFile('timer.mp3')">Play/Stop</button>            need it.

var playing = false;                                    //pre set plaing to false
function playFile(n){
    var player = document.getElementById("player");     //get the <audio>
    player.src = n;                                     //set the url
    playing = !playing;                                 //flip the status
    playing ? player.play(): player.stop();             //play/stop
    player.addEventListener("ended", function(){        //When ended,
        player.play();                                  //play again
        //do other stuff
    });
}
    • 0