Слушайте анимированный gif по щелчку, затем выполните действие Symfony

Question

У меня есть страница, в которой отображаются изображения людей. У меня есть анимированный gif над каждой картинкой, так что, когда люди нажимают на нее, она играет короткую анимацию с прозрачностью, так что похоже, что человек получает удар по лицу. Вот моя строка кода:

<img class="slap_animation" src="/images/slap-in-the-face-still.gif" alt="" onclick='this.src="/images/slap-in-the-face.gif"' /> 

Это работает отлично, но я хочу сделать больше с ним. Я хочу сделать так, чтобы, когда люди нажимают на нее, анимация играет и на последнем кадре, она выполняет действие symfony, чтобы добавить +1 в поле «slapcount». Каков самый простой способ сделать это? Анимация длится около 2 секунд.

Answer 1

Вы можете сделать таймер, который каждые 2 секунды добавит +1 к вашему «slapcount». Когда анимация работает, включите таймер и когда он не отключит его.