基本上,如果您将鼠标悬停在 anchor 上,它会播放歌曲,当您将其取下时,它会暂停播放。我希望它暂停并重置,而不仅仅是暂停。
继承人我的HTML
<a onmouseover="document.getElementById('mysound').play()" onmouseout="document.getElementById('mysound').pause()" style="display:block" href="MainPage.html">
<div id="box">
<audio id="mysound" src="C:/Programming/My Website/Audio/Stalker.mp3"></audio>
<p id="text"> Enter The Disco! </p>
</div>
</a>
我也想在一个单独的文件中的JavaScript。
最佳答案
这应该工作:
document.getElementById('mysound').currentTime = 0;
您可以直接将其添加到您的代码中:
<a onmouseover="document.getElementById('mysound').play()" onmouseout="document.getElementById('mysound').pause(); document.getElementById('mysound').currentTime = 0;" style="display:block" href="MainPage.html">
<div id="box">
<audio id="mysound" src="C:/Programming/My Website/Audio/Stalker.mp3"></audio>
<p id="text"> Enter The Disco! </p>
</div>
</a>