нужен яваскрипт код

Question

Мне нужен яваскрипт код, потому что я хочу, чтобы удалить класс W3-спин в этом ид = «ИМГиГ», когда я пауза аудио элемента ...

<div style="width:100%;height:150px;"> 
<img id="imgg" class="w3-spin img-circle" src="Pic/sky.jpg" style="width:44%;height:149px;"> 
<img id="imgg" class="w3-spin img-circle" src="Pic/b.png" style="width:20%;height:75px;top:85px;left:150px;position:absolute;"> 
</div> 
<audio id="audio" controls loop autoplay style="width:100%;" onclick="pause()"> 
    <source src="<?php echo $row['Song']?>" type="audio/mpeg"> 
</audio> 

моего Javascript ..

<script> 
    var player = document.getElementById("audio"); 
    var imgg1 = document.getElementById("imgg"); 
    function pause() { 
     player.pause(); 
     imgg1.removeClass("w3-spin"); 
     } 
</script> 

Answer 1

Событие, которое вы должны слушать, когда элемент audio приостановлен, - pause.

Как с игрой, это (вы угадали) play.

Проверьте список media events на MDN для списка возможных событий, которые вы можете прослушивать для audio.

Вот пример. Добавлен красный цвет фона .w3-spin, чтобы помочь проиллюстрировать имя класса.

var audioPlayer = document.getElementById("audio"); 
 
var imgg = document.getElementById("imgg"); 
 
audioPlayer.onpause = function() { 
 
    imgg.className = imgg.className.replace(/\bw3-spin\b/g, ""); 
 
}; 
 
audioPlayer.onplay = function() { 
 
    if (imgg.className.indexOf("w3-spin") === -1) { 
 
    imgg.className = imgg.className + " w3-spin"; 
 
    } 
 
};

.w3-spin { 
 
    background-color: red; 
 
}

<div style="width:100%;height:150px;"> 
 
<img id="imgg" class="w3-spin img-circle" src="Pic/sky.jpg" style="width:44%;height:149px;"> 
 
<img id="imgg2" class="w3-spin img-circle" src="Pic/b.png" style="width:20%;height:75px;top:85px;left:150px;position:absolute;"> 
 
</div> 
 
<audio id="audio" controls loop autoplay style="width:100%;"> 
 
    <source src="https://upload.wikimedia.org/wikipedia/en/2/26/Europe_-_The_Final_Countdown.ogg" type="audio/ogg"> 
 
</audio>