前端js實(shí)現(xiàn)彈幕，怎么控制彈幕不重疊，有什么思路嗎？思路就是這里有5條彈道，彈幕就是出現(xiàn)在這5條彈道之間的一條。具體劃多少條彈道，每條彈道的寬度要看你的背景和你自己的設(shè)計(jì)了。 好了，彈道有了，怎么創(chuàng)建

前端js實(shí)現(xiàn)彈幕，怎么控制彈幕不重疊，有什么思路嗎？

思路就是這里有5條彈道，彈幕就是出現(xiàn)在這5條彈道之間的一條。具體劃多少條彈道，每條彈道的寬度要看你的背景和你自己的設(shè)計(jì)了。 好了，彈道有了，怎么創(chuàng)建彈幕呢？這里我們用到了appendChild方法，每個彈幕的內(nèi)容都是隨機(jī)的。然后我固定了彈幕的數(shù)量，并且加了定時器， 當(dāng)彈幕到達(dá)左邊時，彈幕內(nèi)容再次隨機(jī)，輸入框發(fā)送的彈幕出現(xiàn)一次后，將內(nèi)容加入到預(yù)備詞庫中，并將此彈幕刪除。防止彈幕過多報錯。 同時每個彈幕出現(xiàn)的時機(jī)肯定不能相同，所以我在每個彈幕最開始出現(xiàn)時加了延遲。 大概的設(shè)計(jì)就是這樣了，這里還是總結(jié)一下存在的問題： 1.彈幕有時會出現(xiàn)同時出現(xiàn)在同一個彈道上，甚至重疊，暫時還沒找到原因。 2.當(dāng)輸入框連續(xù)多次發(fā)送彈幕時，可能會因?yàn)閺椀啦粔虺霈F(xiàn)意外的情況。 3.與真正的彈幕相比，只是簡易版的，功能單一。 部分代碼貼上：