利用JS代碼自動(dòng)刪除稿件的普通彈幕功能
事情的起因是在b站投稿了一個(gè)高級(jí)彈幕測(cè)試的視頻(av9940487),但是由于b站的彈幕池機(jī)制是新的彈幕頂?shù)襞f的彈幕,所以導(dǎo)致一些人發(fā)的高級(jí)彈幕很快就被頂?shù)袅恕?/p>
所以就想著寫個(gè)腳本來(lái)自動(dòng)刪除屬性為普通的彈幕,語(yǔ)言用的是javascript,在chrome的控制臺(tái)就可以執(zhí)行這個(gè)腳本。
1.刪除彈幕的流程分析
判斷彈幕A是否為普通彈幕,是則選中。

點(diǎn)擊刪除彈幕的按鈕,彈出二次確認(rèn)框。

點(diǎn)擊確定,成功刪除。
2.刪除彈幕相關(guān)的html代碼,js代碼2.1 選中

可通過(guò)判斷class屬性為"item-front"的標(biāo)簽里是否包含“高級(jí)”兩個(gè)字來(lái)決定是否勾選該彈幕:
document.getElementsByClassName("item-font")[i].innerHTML.match("高級(jí)")
getElementsByClassName("bili-checkbox")[i+1].click()
這里i+1是由于有其他標(biāo)簽也使用了“bili-checkbox”屬性。


2.2

用click函數(shù)觸發(fā)點(diǎn)擊“刪除彈幕”按鈕的操作:
document.getElementsByClassName("dele-btn")[0].getElementsByClassName("plain")[0].click();

點(diǎn)擊二次確認(rèn)框:
for (i = 0; i < document.getElementsByClassName("item-attr").length; i++) { if(!document.getElementsByClassName("item-font")[i].innerHTML.match("高級(jí)")){ document.getElementsByClassName("bili-checkbox")[i+1].click(); }}document.getElementsByClassName("dele-btn")[0].getElementsByClassName("plain")[0].click();document.getElementsByClassName("bili-btn")[2].click();
但是由于控制臺(tái)執(zhí)行js的代碼速度過(guò)快,會(huì)導(dǎo)致在執(zhí)行到第7行代碼的時(shí)候,class屬性為“bili-btn”的第3個(gè)標(biāo)簽還沒(méi)加載出來(lái),所以要在執(zhí)行第7個(gè)語(yǔ)句之前讓其停頓一下。

利用setTimeout()方法可實(shí)現(xiàn)延遲執(zhí)行
setTimeout(function () {document.getElementsByClassName("bili-btn")[2].click(); }, 1000);
或
setTimeout("document.getElementsByClassName(\"bili-btn\")[2].click()",1000);
至此,只實(shí)現(xiàn)了單頁(yè)面的批量刪除1次,但是我們知道,假設(shè)彈幕有N頁(yè),就必須讓以上代碼不斷運(yùn)行,直到第x頁(yè)不包含普通彈幕,然后跳轉(zhuǎn)至第x+1頁(yè)繼續(xù)執(zhí)行以上刪除代碼。
3. 實(shí)現(xiàn)不斷刷新頁(yè)面,當(dāng)刪除完當(dāng)前頁(yè)的普通彈幕時(shí),自動(dòng)跳轉(zhuǎn)至下一頁(yè)
結(jié)合另一篇文章即可實(shí)現(xiàn):https://www.cnblogs.com/wujiecong/p/11549738.html
var timeout = prompt("設(shè)置刷新時(shí)間");
var current = location.href;
var page = 0;
var count = 0;
if(timeout > 0)
{
setTimeout('reload()', 1000 * timeout);
}
else
{
location.replace(current);
}
function reload()
{
setTimeout('reload()', 1000 * timeout);
if(count<10){
const regex = /pn=(\d+)/;
page = page +1;
current = current.replace(regex,"pn="+page.toString())
}
var frame = '<frameset cols=\'*\'>\n<frame src=\'' + current + '\' /></frameset>';
with(document)
{
// 引用document對(duì)象,調(diào)用write方法寫入框架,打開(kāi)新窗口
write(frame);
setTimeout(function(){
count = 0
getFrames = window.frames["0"]
for (i = 0; i < getFrames.document.getElementsByClassName("item-attr").length; i++) {
if(!getFrames.document.getElementsByClassName("item-font")[i].innerHTML.match("高級(jí)")){
getFrames.document.getElementsByClassName("bili-checkbox")[i+1].click();
count = count +1;
}
}
if(count>0){
getFrames.document.getElementsByClassName("dele-btn")[0].getElementsByClassName("plain")[0].click();
setTimeout(function () {
getFrames.document.getElementsByClassName("bili-btn")[2].click();
}, 1000);
}},2000);
// 關(guān)閉上面的窗口
void(close());
};
}
總結(jié)
以上所述是小編給大家介紹的利用JS代碼自動(dòng)刪除稿件的普通彈幕功能,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
如果你覺(jué)得本文對(duì)你有幫助,歡迎轉(zhuǎn)載,煩請(qǐng)注明出處,謝謝!
- 原生JS實(shí)現(xiàn)彈幕效果的簡(jiǎn)單操作指南
- js實(shí)現(xiàn)彈幕飛機(jī)效果
- js cavans實(shí)現(xiàn)靜態(tài)滾動(dòng)彈幕
- javascript實(shí)現(xiàn)視頻彈幕效果(兩個(gè)版本)
- javascript實(shí)現(xiàn)彈幕墻效果
- JS實(shí)現(xiàn)的視頻彈幕效果示例
- 基于JavaScript實(shí)現(xiàn)彈幕特效
- 簡(jiǎn)單實(shí)現(xiàn)JavaScript彈幕效果
- JavaScript直播評(píng)論發(fā)彈幕切圖功能點(diǎn)集合效果代碼
- 原生js實(shí)現(xiàn)彈幕效果
相關(guān)文章
javascript回調(diào)函數(shù)的概念理解與用法分析
這篇文章主要介紹了javascript回調(diào)函數(shù)的概念理解與用法,結(jié)合具體實(shí)例形式分析了javascript回調(diào)函數(shù)的功能、原理、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-05-05
8個(gè)鮮為人知但很實(shí)用的Web?API用法總結(jié)
在?Web?API?中,有非常有用的對(duì)象、屬性和函數(shù)可用于執(zhí)行小到訪問(wèn)?DOM?這樣的小任務(wù),大到處理音頻、視頻這樣的復(fù)雜任務(wù)。下面就帶大家一起來(lái)看看一些不常見(jiàn)但很實(shí)用的Web?API的用法2022-08-08
JS實(shí)現(xiàn)的五級(jí)聯(lián)動(dòng)菜單效果完整實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)的五級(jí)聯(lián)動(dòng)菜單效果,結(jié)合完整實(shí)例形式分析了js多級(jí)聯(lián)動(dòng)菜單的完整實(shí)現(xiàn)步驟,涉及JS數(shù)組遍歷、擴(kuò)展及元素節(jié)點(diǎn)操作相關(guān)技巧,需要的朋友可以參考下2017-02-02

