JavaScript中怎么實(shí)現(xiàn)彈幕效果，很多新手對(duì)此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來(lái)學(xué)習(xí)下，希望你能有所收獲。

成都創(chuàng)新互聯(lián)專注于龍港企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,成都商城網(wǎng)站開(kāi)發(fā)。龍港網(wǎng)站建設(shè)公司,為龍港等地區(qū)提供建站服務(wù)。全流程按需網(wǎng)站制作，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，成都創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

js實(shí)現(xiàn)彈幕效果

彈幕肯定盡量不能重疊在一起，所以我把整個(gè)彈幕出現(xiàn)的背景劃分為幾塊。

什么意思呢？就是這里有5條彈道，彈幕就是出現(xiàn)在這5條彈道之間的一條。具體劃多少條彈道，每條彈道的寬度要看你的背景和你自己的設(shè)計(jì)了。

好了，彈道有了，怎么創(chuàng)建彈幕呢？這里我們用到了appendChild方法，每個(gè)彈幕的內(nèi)容都是隨機(jī)的。然后我固定了彈幕的數(shù)量，并且加了定時(shí)器，

當(dāng)彈幕到達(dá)左邊時(shí)，彈幕內(nèi)容再次隨機(jī)，輸入框發(fā)送的彈幕出現(xiàn)一次后，將內(nèi)容加入到預(yù)備詞庫(kù)中，并將此彈幕刪除。防止彈幕過(guò)多報(bào)錯(cuò)。

同時(shí)每個(gè)彈幕出現(xiàn)的時(shí)機(jī)肯定不能相同，所以我在每個(gè)彈幕最開(kāi)始出現(xiàn)時(shí)加了延遲。

大概的設(shè)計(jì)就是這樣了，這里還是總結(jié)一下存在的問(wèn)題：

1.彈幕有時(shí)會(huì)出現(xiàn)同時(shí)出現(xiàn)在同一個(gè)彈道上，甚至重疊，暫時(shí)還沒(méi)找到原因。

2.當(dāng)輸入框連續(xù)多次發(fā)送彈幕時(shí)，可能會(huì)因?yàn)閺椀啦粔虺霈F(xiàn)意外的情況。

3.與真正的彈幕相比，只是簡(jiǎn)易版的，功能單一。

js實(shí)現(xiàn)彈幕效果代碼

看完上述內(nèi)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對(duì)創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，的支持。

分享標(biāo)題：JavaScript中怎么實(shí)現(xiàn)彈幕效果-創(chuàng)新互聯(lián)
網(wǎng)頁(yè)鏈接：http://weahome.cn/article/dhioij.html