У меня есть marquee
на моем веб-сайте с огромным количеством данных (список данных). У меня есть две кнопки, одна для воспроизведения / паузы, а другая для перезапуска прокрутки, ниже мой marquee
<marquee behavior="scroll" direction="up" style="height: 511px" id="mymarquee" scrolldelay="140"></marquee>
при нажатии кнопки 1 я переключаюсь между воспроизведением и паузой
var state = 'play';
function toggleMarquee() {
var marquee = document.getElementById("mymarquee");
var icon = document.getElementById("play_pause");
if (state === 'play') {
marquee.stop();
state = 'stop';
icon.classList.remove("fa-pause");
icon.classList.add("fa-play");
$(icon).parent().attr('title', 'Play');
} else {
marquee.start();
state = 'play';
icon.classList.remove("fa-play");
icon.classList.add("fa-pause");
$(icon).parent().attr('title', 'Pause');
}
}
и когда кнопка 2 щелкает, я пытался перезапустить прокрутку с первого раза, но кажется, что это не работает
function restartMarquee() {
document.getElementById("mymarquee").start();
var icon = document.getElementById("play_pause");
icon.classList.remove("fa-play");
icon.classList.add("fa-pause");
}
любая помощь будет оценена Спасибо заранее:)