Коллеги есть такой код. Кнопка для плеера play-pause.
let flag = true,
pause = document.getElementById('pause'),
play = document.getElementById('play');
document.getElementById('wrapper_svg_1').addEventListener('click', function() {
if (flag == true) {
pause.beginElement();
flag = false;
} else {
play.beginElement();
flag = true;
}
console.log(flag);
});
Особо рассказывать, что тут к чему, думаю не стоит.
Единственная проблема в том, что данная анимация на срабатывает в FF.
При клике как есть изначальная фигура так и остается.
Пол дня ковыряюсь не могу понять, что к чему и почему так.
Ответ
Коллеги, оказалось все просто. Формат атрибута dur="n" у меня dur=".1s", что FF и не нравиться. Формат атрибута dur="n" должен быть такой dur="0.1s" и все заработает
let flag = true,
pause = document.getElementById('pause'),
play = document.getElementById('play');
document.getElementById('wrapper_svg_1').addEventListener('click', function() {
if (flag == true) {
pause.beginElement();
flag = false;
} else {
play.beginElement();
flag = true;
}
console.log(flag);
});
Комментариев нет:
Отправить комментарий