原生html标签marquee被废弃后js解决方案

let Omarquee = document.getElementById(el)

let timer = null

scroll();

Omarquee.addEventListener('mouseenter', function () {

window.clearInterval(timer);

})

Omarquee.addEventListener('mouseleave', function () {

timer = setInterval(function () {

if (offset == scrollWeight) {

offset = 0;

}

Omarquee.style.marginLeft = "-" + offset + "px";

offset += 1;

}, 50);

})

var offset = 0;

var scrollWeight = Omarquee.offsetWidth;

var length = Omarquee.children.length;

function scroll() {

for (var i = 0; i < length - 1; i++) {

var node = Omarquee.children[i].cloneNode(true);

Omarquee.appendChild(node);

}

timer = setInterval(function () {

if (offset == scrollWeight) {

offset = 0;

}

Omarquee.style.marginLeft = "-" + offset + "px";

offset += 1;

}, 50);

}