javascript - 有没有办法在选框完成滚动一次后运行一行代码？

Question

有没有办法在字幕滚动完一次文本后运行一行代码？我打算在文本消失时使用它，删除队列索引中位置为 0 的元素，然后使用选取框显示队列中的下一个元素。我该怎么做？

我对编码有点陌生，所以如果这是一个不好的问题，请原谅我。

let scroller = document.getElementById("scrollText")

let news = function (news, id) {
  this.text = news;
  this.id = id;
}

let newsFeed = [
  new news("Bob has slipped and fell once again. Oh dear.", 1),
  new news("Alicia has lost her keys.", 2)
]

let queue = []
scroller.innerHTML = queue[0]
queue.append(newsFeed[Math.round(math.random) * newsFeed.length])

//Whenever the marquee is done scrolling

queue.pop()
scroller.innerHTML = queue[0];

Answer 1

正如@WoIIe建议您可以检查选取框元素的左侧位置以查明其是否完成滚动，请尝试执行以下操作:

$(function () {
    var numberofCycles = 0;
    setInterval(function () {
        var currentLeft = $('#scrollText').position().left;
        if (currentLeft < 0 && numberofCycles == 0) {
            numberofCycles += 1;
            alert("One cycle finished!");
        }
    }, 100)
});