Question

我在我的网站上添加了一个音频（自动播放）。其实我想暂停和播放音乐，该图标也应同时切换到<script type="text/javascript"> function toggleSound() { var audioElem = document.getElementById('player'); if (audioElem.paused) audioElem.play(); else audioElem.pause(); } </script>。

这是我的HTML标记：

<li>
    <a class="fa fa-pause" id="player" type="button"
  onclick="javascript:toggleSound();">
        <span>Play/Pause</span>
    </a>
</li>

<audio autoplay id="player" src="embrace.mp3"></audio>

UITextView

Answer 1

你可以用这个完成你的JS：

<script>
    function toggleSound() {
       var audioElem = document.getElementById('player');
       if (audioElem.paused) {
          audioElem.className = "fa fa-play";
          audioElem.play();
       } else {
          audioElem.className = "fa fa-pause";
          audioElem.pause();
       }
    }
</script>

修改如果您希望在执行单击时调用该函数，则应将该函数绑定到事件click。有几种方法，但最简单的是：

<a class="fa fa-pause" onclick="toggleSound()" >

您可以在任何DOM元素中执行此操作，而不仅仅是<a>，这只是一个示例。

Javascript HTML5更改了fa-play的图标

1 个答案: