JQUERY изменение attr после звука нагрузка

Question

У меня проблема с мобильным устройством.
После щелчка события начала звука и анимации gif, но на мобильном устройстве звук начинается после анимации, потому что может быть тяжелее.
Как я могу это сделать?

var click = function(){ 
    $('.audio')[0].play(); 
    $('.change').attr('src', "animation.gif"); 

    setTimeout(function() { 
    $('.change').attr('src', "stop.png"); 
    }, 600); 
} 

Answer 1

попробовать это:

$(".audio").on("play", function (e) { 
    $('.change').attr('src', "animation.gif"); 
    setTimeout(function() { 
     $('.change').attr('src', "stop.png"); 
    }, 600); 
});