var pauseEle = document.getElementById("pause"); pauseEle.onclick = function(){ if(pauseEle.innerText === '暂停' ){ test.pauseAudio(); pauseEle.innerText = '继续'; }else{ test.playAudio(); pauseEle.innerText = '暂停'; } }增加暂停播放切换图片
时间: 2024-03-24 16:38:35 浏览: 71
document.getElementsByName和document.getElementById 在IE与FF中不同实现
您可以在 `if` 和 `else` 语句中添加切换图片的代码,例如:
```javascript
var pauseEle = document.getElementById("pause");
var audioImg = document.getElementById("audio-img");
pauseEle.onclick = function() {
if (pauseEle.innerText === '暂停') {
test.pauseAudio();
pauseEle.innerText = '继续';
audioImg.src = 'pause.png';
} else {
test.playAudio();
pauseEle.innerText = '暂停';
audioImg.src = 'play.png';
}
}
```
其中,`audioImg` 是你需要切换图片的元素,可以根据实际情况修改。`play.png` 和 `pause.png` 是你需要切换的图片。
阅读全文