摘要：執(zhí)行彈幕的函數(shù)。采用定時(shí)器移動(dòng)，這里是根據(jù)內(nèi)容長(zhǎng)度定義彈幕的移動(dòng)速度。移動(dòng)彈幕的過程中判斷四個(gè)通道是否處于閑置狀態(tài)，當(dāng)移動(dòng)出了屏幕，移動(dòng)并且清除定時(shí)器。第一部分先判斷數(shù)據(jù)是否加載完成這里是一個(gè)定時(shí)器，設(shè)置為秒。

這個(gè)需求如題，大體上是將文章的評(píng)論數(shù)據(jù)，在文章的首圖上面以彈幕的形式出現(xiàn)。當(dāng)時(shí)在做這個(gè)需求的時(shí)候，花了挺多精力的，踩了很多坑，現(xiàn)將彈幕的實(shí)現(xiàn)思路寫出來，如果喜歡的話可以點(diǎn)波贊/關(guān)注，支持一下，希望大家看完本文可以有所收獲。

個(gè)人博客了解一下：obkoro1.com

實(shí)現(xiàn)彈幕的原理，并不算太復(fù)雜，耗費(fèi)一些時(shí)間，懟一懟應(yīng)該都可以做出來。

獲取彈幕數(shù)據(jù)。

將彈幕設(shè)置為四個(gè)通道，每個(gè)通道最多只能出現(xiàn)兩條彈幕。

使用setInterval動(dòng)態(tài)設(shè)置dom的left屬性。

使用dom的offsetWidth和屏幕的寬度判斷元素是否滾動(dòng)超出屏幕，然后移除dom。

    

        
        

            

            

            

            

        
      
      
      
              
  

                  
最新活動(dòng)