b-live-random-send-test

定时从设置的字幕中随机取出一条在B站直播间发送,需先登录(不可用)B站账号

当前为 2022-08-14 提交的版本,查看 最新版本

此脚本不应直接安装。它是供其他脚本使用的外部库,要使用该库请加入元指令 // @require https://update.gf.qytechs.cn/scripts/447936/1081354/b-live-random-send-test.js

  1. // ==UserScript==
  2. // @author Gamyou
  3. // @version 1.4.0
  4. // @note 22-08-13 1.4.0 实现阿B各直播间数据分离保存和油猴脚本更新提示功能
  5. // @note 22-08-05 1.3.0 增加播放器底部登录(不可用)提示和Haruna的隐藏功能
  6. // @note 22-07-29 1.2.6 修复初始化后的常量被赋值和没能初始化成功组件时系统提示加载超时的问题
  7. // @note 22-07-24 1.2.5 增加分组启用按钮,并优化设置面板样式
  8. // @note 22-07-23 1.2.4 修复弹幕分组数据都为空时,旧数据重复合并的BUG
  9. // @note 22-07-16 1.2.3 修复设置弹幕时旧(初始)数据没有清空的BUG
  10. // @note 22-06-24 1.2.2 优化部分代码
  11. // @note 22-06-20 1.2.1 修复定时停止不能再开始的BUG
  12. // @note 22-06-19 1.2.0 添加弹幕设置功能
  13. // ==/UserScript==
  14.  
  15.  
  16. (function () {
  17. window.autoSendDanmuModuleLoaded = false;
  18. let source = {
  19. version: 3,
  20. random: true,
  21. data1: { available: true, values: ['弹幕①', '弹幕②'] },
  22. data2: { available: true, values: ['弹幕③', '弹幕④'] },
  23. data3: { available: true, values: ['弹幕⑤', '弹幕⑥'] },
  24. data4: { available: true, values: ['弹幕⑦', '弹幕⑧'] },
  25. data5: { available: true, values: ['弹幕⑨', '弹幕Ⅹ'] }
  26. };
  27. let waiters = [], data = [], timer = null, signInContent = '签到';
  28. let count = 0, waitCount = 10, lastSent = 0, arrayIndex = 0, default_timeout = 600;
  29. let rdCheckbox, group1Checkbox, group2Checkbox, group3Checkbox, group4Checkbox, group5Checkbox,
  30. dmButtonSend, dmInput, divSetting, dataText1, dataText2, dataText3, dataText4, dataText5, spanApplyTip;
  31. let gmNotice = (obj) => { alert('请更新油猴脚本'); window.location.href = frameworkUrl; },
  32. getGmValue = (key, defaultValue) => { return null; },
  33. setGmValue = (key, obj) => { console.warn('No implementation "setGmValue" method.'); },
  34. delGmValue = (key) => { console.warn('No implementation "delGmValue" method.'); };
  35. const noticeTimeout = 10000,
  36. frameworkVersion = '2.3.0',
  37. noticeImageUrl = 'https://www.bilibili.com/favicon.ico',
  38. frameworkUrl = 'https://gf.qytechs.cn/zh-CN/scripts/446725',
  39. roomId = window.__NEPTUNE_IS_MY_WAIFU__
  40. ? window.__NEPTUNE_IS_MY_WAIFU__.roomInfoRes.data.room_info.room_id
  41. : window.location.pathname.replace('/', ''),
  42. setGmGetValue = (callback) => getGmValue = callback,
  43. setGmSetValue = (callback) => setGmValue = callback,
  44. setGmDelValue = (callback) => delGmValue = callback,
  45. setGmNotice = (callback) => gmNotice = callback,
  46. arrayInfo = () => console.info(data),
  47. setLoadedFlag = (flag) => window.autoSendDanmuModuleLoaded = flag,
  48. initCss = () => {
  49. let linkElement = document.createElement('link');
  50. linkElement.rel = 'stylesheet';
  51. linkElement.href = 'https://unpkg.com/element-ui@2.15.9/lib/theme-chalk/index.css';
  52. document.head.appendChild(linkElement);
  53.  
  54. // 图标库 https://ionic.io/ionicons
  55. // let scriptElement = document.createElement('script');
  56. // scriptElement.src = 'https://unpkg.com/ionicons@5.5.2/dist/ionicons.js';
  57. // document.head.appendChild(scriptElement);
  58.  
  59. let customerStyle = document.createElement('style');
  60. customerStyle.setAttribute('type', 'text/css');
  61. customerStyle.innerHTML = '.danmu-group-title{font-size:14px;padding-left:2px;color:rgb(18, 56, 141);display:inline;margin-right:60%;vertical-align:middle;}.danmu-group-textarea{width:98%;min-height:100px;height:16%;margin:1px 0px 4px;border:0px;resize:none;}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#FFF;border:1px solid #DCDFE6;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;padding:12px 20px;font-size:14px;border-radius:4px}.el-button.is-circle{border-radius:50%;padding:12px}.el-button--mini.is-circle{padding:3px;}.el-button:focus,.el-button:hover{color:#409EFF;border-color:#c6e2ff;background-color:#ecf5ff}.el-icon-close.is-circle{padding:5px;color:#ff0000;border:1px solid #ff0000;margin-left:20px;}.el-icon-check.is-circle{padding:5px;color:#0000ff;border:1px solid #0000ff;margin-left:20px;}input[type="checkbox"]{display:none;}.switch-check{display:inline-block;margin:0 5px;vertical-align:middle;}.switch-check-label{display:inline-block;vertical-align:middle;border:1px solid #bdc3c7;border-radius:60px;width:40px;height:18px;position:relative;transition:all .3s;cursor:pointer;}.switch-check-label:before{width:14px;height:14px;content:"";display:inline-block;background-color:#bdc3c7;border-radius:100%;position:absolute;top:2px;left:4px;transition:all .3s;}.switch-check :checked ~ label{background-color:#26b22b;border-color:#26b22b;}.switch-check :checked ~ label:before{left:22px;background-color:#fff;}.danmu-random-setting-panel{background-color:#d4f2e0;border-radius:2px;width:100%;height:100%;overflow-y:auto;position:absolute;left:0px;top:0px;z-index:999;display:block;}.danmu-random-setting-title{text-align:center;font-size:16px;font-weight:700;color:#1c5adc;line-height:30px;}.danmu-random-setting-tips{color:#0b81cc;text-align:center;font-style:italic;}.danmu-random-update-tips{color:#0b81cc;text-align:center;font-size:13px;font-weight:700;margin:10px0px;}.danmu-random-setting-bottom{width:100%;line-height:35px;}.danmu-random-switch-button-title{font-size:16px;vertical-align:middle;margin-right:4px;color:#095ca2;cursor:help;}.danmu-random-setting-success-tips{text-align:center;display:inline-block;vertical-align:middle;width:34%;}.danmu-random-setting-success-text{font-size:16px;color:#128712;display:none;}.danmu-random-set-button-container{display:inline-block;vertical-align:middle;}';
  62. document.head.appendChild(customerStyle);
  63. },
  64. getCurrentTimestamp = () => new Date().getTime(),
  65. send = (msg, index) => {
  66. let dmTextArea = document.getElementById('aside-area-vm').getElementsByClassName('chat-input border-box')[0];
  67. if (!dmTextArea) {
  68. alert('找不到输入弹幕文本框,请尝试刷新页面');
  69. return;
  70. }
  71.  
  72. let btnSend = document.getElementsByClassName('bl-button live-skin-highlight-button-bg live-skin-button-text bl-button--primary bl-button--small')[0];
  73. if (!btnSend) {
  74. alert('找不到发送按钮,请尝试刷新页面');
  75. return;
  76. }
  77. // if (getCurrentTimestamp() - lastSent < 5000) {
  78. // setTimeout(() => send(msg, index), 5000);
  79. // console.log('=================> 发送间隔少于5秒,进入递归处理');
  80. // } else {
  81. dmTextArea.value = msg;
  82. // 定义事件, 定义才可发送
  83. dmTextArea.dispatchEvent(new Event('input', { "bubbles": true, "cancelable": true }));
  84. btnSend.click();
  85. lastSent = getCurrentTimestamp();
  86. ++count;
  87. console.log('=================> ' + new Date().toLocaleString() + ' 弹幕发送成功 ' + count + ' 次,第【' + index + '】条数据 === ' + msg);
  88. // }
  89. },
  90. isNull = (str) => {
  91. if (!str || str == "")
  92. return true;
  93.  
  94. let regu = "^[ ]+$";
  95. let re = new RegExp(regu);
  96. return re.test(str);
  97. },
  98. randomSort = (arr) => {
  99. for (let i = 0; i < arr.length; i++) {
  100. const rdIndex = Math.floor(Math.random() * arr.length);
  101. const temp = arr[i];
  102. arr[i] = arr[rdIndex];
  103. arr[rdIndex] = temp;
  104. }
  105.  
  106. return arr;
  107. },
  108. clearWaiters = () => {
  109. for (let i = 0; i < waiters.length; i++) {
  110. clearInterval(waiters[i]);
  111. waiters[i] = null;
  112. }
  113.  
  114. waiters = [];
  115. },
  116. signIn = () => {
  117. let timestamp = new Date(new Date(new Date().setDate(new Date().getDate() + 1)).toDateString()).getTime() - getCurrentTimestamp();
  118. console.log('=================> 设置第二天凌晨签到定时器【' + timestamp + '】');
  119. setTimeout(() => {
  120. if (dmButtonSend.textContent === '停止')
  121. send(signInContent, 0);
  122.  
  123. console.log('=================> 进入下一轮递归签到');
  124. signIn();
  125. }, timestamp);
  126. },
  127. // selectRandom = () => source.random = rdCheckbox.checked,
  128. setCheckboxChecked = () => {
  129. rdCheckbox.checked = source.random;
  130. group1Checkbox.checked = source.data1.available;
  131. group2Checkbox.checked = source.data2.available;
  132. group3Checkbox.checked = source.data3.available;
  133. group4Checkbox.checked = source.data4.available;
  134. group5Checkbox.checked = source.data5.available;
  135. },
  136. openSetting = () => divSetting.style.display = 'block',
  137. closeSetting = () => {
  138. setCheckboxChecked();
  139. divSetting.style.display = 'none';
  140. },
  141. initData = () => {
  142. if (source.data1.values.length <= 0
  143. && source.data2.values.length <= 0
  144. && source.data3.values.length <= 0
  145. && source.data4.values.length <= 0
  146. && source.data5.values.length <= 0) {
  147. return data ? data : [];
  148. }
  149.  
  150. let result = [];
  151. result = source.data1.available ? result.concat(source.data1.values) : result;
  152. result = source.data2.available ? result.concat(source.data2.values) : result;
  153. result = source.data3.available ? result.concat(source.data3.values) : result;
  154. result = source.data4.available ? result.concat(source.data4.values) : result;
  155. result = source.data5.available ? result.concat(source.data5.values) : result;
  156. data = result;
  157. source.random ? data = randomSort(result) : arrayIndex = 0;
  158. },
  159. applySetting = () => {
  160. source.data1.values = isNull(dataText1.value) ? [] : dataText1.value.split('|');
  161. source.data2.values = isNull(dataText2.value) ? [] : dataText2.value.split('|');
  162. source.data3.values = isNull(dataText3.value) ? [] : dataText3.value.split('|');
  163. source.data4.values = isNull(dataText4.value) ? [] : dataText4.value.split('|');
  164. source.data5.values = isNull(dataText5.value) ? [] : dataText5.value.split('|');
  165. source.random = rdCheckbox.checked;
  166. source.data1.available = group1Checkbox.checked;
  167. source.data2.available = group2Checkbox.checked;
  168. source.data3.available = group3Checkbox.checked;
  169. source.data4.available = group4Checkbox.checked;
  170. source.data5.available = group5Checkbox.checked;
  171. initData();
  172. setGmValue(roomId, source);
  173. spanApplyTip.style.display = 'block';
  174. setTimeout(() => {
  175. spanApplyTip.style.display = 'none';
  176. divSetting.style.display = 'none';
  177. }, 1500);
  178. },
  179. danmu = () => {
  180. if (data.length < 1) {
  181. // alert('请任意在一个分组里输入一条弹幕');
  182. gmNotice({
  183. text: '请任意在一个分组里输入一条弹幕',
  184. title: '没有弹幕数据,请先设置',
  185. image: noticeImageUrl,
  186. highlight: true,
  187. timeout: noticeTimeout
  188. });
  189. return false;
  190. }
  191. if (source.random)
  192. arrayIndex = Math.floor((Math.random() * data.length));
  193.  
  194. send(data[arrayIndex], arrayIndex);
  195. ++arrayIndex;
  196. if (arrayIndex >= data.length)
  197. arrayIndex = 0;
  198.  
  199. return true;
  200. },
  201. offOrOn = () => {
  202. let timeout = 0;
  203. if (timer) {
  204. console.log('=================> ' + new Date().toLocaleString() + ' 停止发送弹幕');
  205. clearInterval(timer);
  206. timer = null;
  207. console.log('=================> ' + new Date().toLocaleString() + ' 停止成功!!');
  208. dmButtonSend.style.background = 'rgba(217,157,27,1)';
  209. dmButtonSend.textContent = '开始';
  210. dmInput.removeAttribute("disabled");
  211. } else {
  212. timeout = isNull(dmInput.value) ? default_timeout * 1000 : dmInput.value * 1000;
  213. if (!danmu())
  214. return;
  215.  
  216. console.log('=================> ' + new Date().toLocaleString() + ' 开启定时器');
  217. timer = setInterval(danmu, timeout);
  218. console.log('=================> ' + new Date().toLocaleString() + ' 开启成功!!');
  219. dmButtonSend.style.background = '#ff0000';
  220. dmButtonSend.textContent = '停止';
  221. dmInput.setAttribute('disabled', 'disabled');
  222. }
  223. },
  224. buildPanel = (divButton) => {
  225. /* ----------------------------------------- head ----------------------------------------- */
  226. let divSettingTitle = document.createElement('div');
  227. divSettingTitle.textContent = '弹幕设置';
  228. divSettingTitle.classList.add('danmu-random-setting-title');
  229. // divSettingTitle.style.textAlign = 'center';
  230. // divSettingTitle.style.fontSize = '16px';
  231. // divSettingTitle.style.fontWeight = '700';
  232. // divSettingTitle.style.color = '#1c5adc';
  233. // divSettingTitle.style.lineHeight = '30px';
  234.  
  235. let divTip = document.createElement('div');
  236. divTip.classList.add('danmu-random-setting-tips');
  237. // divTip.style.color = '#0b81cc';
  238. // divTip.style.textAlign = 'center';
  239. // divTip.style.fontStyle = 'italic';
  240. divTip.innerHTML = '任一分组内输入弹幕即可,多条用<span style="color:#dc6b07;margin:0 2px 0 4px;font-weight:700;font-style:normal;">竖线</span>分隔';
  241.  
  242. let divUpdateTip = document.createElement('div');
  243. divUpdateTip.classList.add('danmu-random-update-tips');
  244. // divUpdateTip.style.color = '#0b81cc';
  245. // divUpdateTip.style.textAlign = 'center';
  246. // divUpdateTip.style.fontSize = '13px';
  247. // divUpdateTip.style.fontWeight = '700';
  248. // divUpdateTip.style.margin = '10px 0';
  249. divUpdateTip.innerHTML = '<span style="color:#f00">更新提示:</span>各直播间保存的数据不再相互影响';
  250. /* ----------------------------------------- head ----------------------------------------- */
  251.  
  252. /* ----------------------------------------- textarea 1 ----------------------------------------- */
  253. let divText1 = document.createElement('div');
  254. divText1.textContent = '分组 1 :';
  255. divText1.classList.add('danmu-group-title');
  256.  
  257. group1Checkbox = document.createElement('input');
  258. group1Checkbox.type = 'checkbox';
  259. group1Checkbox.id = 'group1Checkbox';
  260. group1Checkbox.checked = true;
  261.  
  262. let lblGroup1Checkbox = document.createElement('label');
  263. lblGroup1Checkbox.setAttribute('for', 'group1Checkbox');
  264. lblGroup1Checkbox.classList.add('switch-check-label');
  265.  
  266. let divGroup1Checkbox = document.createElement('div');
  267. divGroup1Checkbox.classList.add('switch-check');
  268. divGroup1Checkbox.appendChild(group1Checkbox);
  269. divGroup1Checkbox.appendChild(lblGroup1Checkbox);
  270.  
  271. dataText1 = document.createElement('textarea');
  272. dataText1.classList.add('danmu-group-textarea');
  273. dataText1.setAttribute('placeholder', '请输入弹幕,多条弹幕请用“|”分隔');
  274. /* ----------------------------------------- textarea 1 ----------------------------------------- */
  275.  
  276. /* ----------------------------------------- textarea 2 ----------------------------------------- */
  277. let divText2 = document.createElement('div');
  278. divText2.textContent = '分组 2 :';
  279. divText2.classList.add('danmu-group-title');
  280.  
  281. group2Checkbox = document.createElement('input');
  282. group2Checkbox.type = 'checkbox';
  283. group2Checkbox.id = 'group2Checkbox';
  284. group2Checkbox.checked = true;
  285.  
  286. let lblGroup2Checkbox = document.createElement('label');
  287. lblGroup2Checkbox.setAttribute('for', 'group2Checkbox');
  288. lblGroup2Checkbox.classList.add('switch-check-label');
  289.  
  290. let divGroup2Checkbox = document.createElement('div');
  291. divGroup2Checkbox.classList.add('switch-check');
  292. divGroup2Checkbox.appendChild(group2Checkbox);
  293. divGroup2Checkbox.appendChild(lblGroup2Checkbox);
  294.  
  295. dataText2 = document.createElement('textarea');
  296. dataText2.classList.add('danmu-group-textarea');
  297. dataText2.setAttribute('placeholder', '请输入弹幕,多条弹幕请用“|”分隔');
  298. /* ----------------------------------------- textarea 2 ----------------------------------------- */
  299.  
  300. /* ----------------------------------------- textarea 3 ----------------------------------------- */
  301. let divText3 = document.createElement('div');
  302. divText3.textContent = '分组 3 :';
  303. divText3.classList.add('danmu-group-title');
  304.  
  305. group3Checkbox = document.createElement('input');
  306. group3Checkbox.type = 'checkbox';
  307. group3Checkbox.id = 'group3Checkbox';
  308. group3Checkbox.checked = true;
  309.  
  310. let lblGroup3Checkbox = document.createElement('label');
  311. lblGroup3Checkbox.setAttribute('for', 'group3Checkbox');
  312. lblGroup3Checkbox.classList.add('switch-check-label');
  313.  
  314. let divGroup3Checkbox = document.createElement('div');
  315. divGroup3Checkbox.classList.add('switch-check');
  316. divGroup3Checkbox.appendChild(group3Checkbox);
  317. divGroup3Checkbox.appendChild(lblGroup3Checkbox);
  318.  
  319. dataText3 = document.createElement('textarea');
  320. dataText3.classList.add('danmu-group-textarea');
  321. dataText3.setAttribute('placeholder', '请输入弹幕,多条弹幕请用“|”分隔');
  322. /* ----------------------------------------- textarea 3 ----------------------------------------- */
  323.  
  324. /* ----------------------------------------- textarea 4 ----------------------------------------- */
  325. let divText4 = document.createElement('div');
  326. divText4.textContent = '分组 4 :';
  327. divText4.classList.add('danmu-group-title');
  328.  
  329. group4Checkbox = document.createElement('input');
  330. group4Checkbox.type = 'checkbox';
  331. group4Checkbox.id = 'group4Checkbox';
  332. group4Checkbox.checked = true;
  333.  
  334. let lblGroup4Checkbox = document.createElement('label');
  335. lblGroup4Checkbox.setAttribute('for', 'group4Checkbox');
  336. lblGroup4Checkbox.classList.add('switch-check-label');
  337.  
  338. let divGroup4Checkbox = document.createElement('div');
  339. divGroup4Checkbox.classList.add('switch-check');
  340. divGroup4Checkbox.appendChild(group4Checkbox);
  341. divGroup4Checkbox.appendChild(lblGroup4Checkbox);
  342.  
  343. dataText4 = document.createElement('textarea');
  344. dataText4.classList.add('danmu-group-textarea');
  345. dataText4.setAttribute('placeholder', '请输入弹幕,多条弹幕请用“|”分隔');
  346. /* ----------------------------------------- textarea 4 ----------------------------------------- */
  347.  
  348. /* ----------------------------------------- textarea 5 ----------------------------------------- */
  349. let divText5 = document.createElement('div');
  350. divText5.textContent = '分组 5 :';
  351. divText5.classList.add('danmu-group-title');
  352.  
  353. group5Checkbox = document.createElement('input');
  354. group5Checkbox.type = 'checkbox';
  355. group5Checkbox.id = 'group5Checkbox';
  356. group5Checkbox.checked = true;
  357.  
  358. let lblGroup5Checkbox = document.createElement('label');
  359. lblGroup5Checkbox.setAttribute('for', 'group5Checkbox');
  360. lblGroup5Checkbox.classList.add('switch-check-label');
  361.  
  362. let divGroup5Checkbox = document.createElement('div');
  363. divGroup5Checkbox.classList.add('switch-check');
  364. divGroup5Checkbox.appendChild(group5Checkbox);
  365. divGroup5Checkbox.appendChild(lblGroup5Checkbox);
  366.  
  367. dataText5 = document.createElement('textarea');
  368. dataText5.classList.add('danmu-group-textarea');
  369. dataText5.setAttribute('placeholder', '请输入弹幕,多条弹幕请用“|”分隔');
  370. /* ----------------------------------------- textarea 5 ----------------------------------------- */
  371.  
  372. /* ----------------------------------------- random chackbox ----------------------------------------- */
  373. let descCheckbox = document.createElement('span');
  374. descCheckbox.textContent = '随机';
  375. descCheckbox.title = '将合并所有分组数据,从中随机选出一条发送';
  376. descCheckbox.classList.add('danmu-random-switch-button-title');
  377. // descCheckbox.style.fontSize = '16px';
  378. // descCheckbox.style.verticalAlign = 'middle';
  379. // descCheckbox.style.marginRight = '4px';
  380. // descCheckbox.style.color = '#095ca2';
  381. // descCheckbox.style.cursor = 'help';
  382.  
  383. rdCheckbox = document.createElement('input');
  384. rdCheckbox.type = 'checkbox';
  385. rdCheckbox.id = 'rdmCheckbox';
  386. rdCheckbox.checked = true;
  387. // rdCheckbox.addEventListener('click', selectRandom);
  388.  
  389. let lblCheckbox = document.createElement('label');
  390. lblCheckbox.setAttribute('for', 'rdmCheckbox');
  391. lblCheckbox.classList.add('switch-check-label');
  392.  
  393. let divCheckbox = document.createElement('div');
  394. divCheckbox.classList.add('switch-check');
  395. divCheckbox.style.marginLeft = '10px';
  396. divCheckbox.appendChild(descCheckbox);
  397. divCheckbox.appendChild(rdCheckbox);
  398. divCheckbox.appendChild(lblCheckbox);
  399. /* ----------------------------------------- random chackbox ----------------------------------------- */
  400.  
  401. /* ----------------------------------------- div tip ----------------------------------------- */
  402. spanApplyTip = document.createElement('span');
  403. spanApplyTip.textContent = '设置成功';
  404. spanApplyTip.classList.add('danmu-random-setting-success-text');
  405. // spanApplyTip.style.fontSize = '16px';
  406. // spanApplyTip.style.color = '#128712';
  407. // spanApplyTip.style.display = 'none';
  408.  
  409. let divApplyTip = document.createElement('div');
  410. divApplyTip.classList.add('danmu-random-setting-success-tips');
  411. // divApplyTip.style.textAlign = 'center';
  412. // divApplyTip.style.display = 'inline-block';
  413. // divApplyTip.style.verticalAlign = 'middle';
  414. // divApplyTip.style.width = '34%';
  415. divApplyTip.appendChild(spanApplyTip);
  416. /* ----------------------------------------- div tip ----------------------------------------- */
  417.  
  418. /* ----------------------------------------- appley and close button ----------------------------------------- */
  419. let btnApplySetting = document.createElement('i');
  420. btnApplySetting.setAttribute('title', '应用');
  421. btnApplySetting.classList.add('el-button');
  422. btnApplySetting.classList.add('el-icon-check');
  423. btnApplySetting.classList.add('is-circle');
  424. btnApplySetting.addEventListener('click', applySetting);
  425.  
  426. let btnCloseSetting = document.createElement('i');
  427. btnCloseSetting.setAttribute('title', '关闭');
  428. btnCloseSetting.classList.add('el-button');
  429. btnCloseSetting.classList.add('el-icon-close');
  430. btnCloseSetting.classList.add('is-circle');
  431. btnCloseSetting.addEventListener('click', closeSetting);
  432.  
  433. let divSettingButton = document.createElement('div');
  434. divSettingButton.classList.add('danmu-random-set-button-container');
  435. // divSettingButton.style.display = 'inline-block';
  436. // divSettingButton.style.verticalAlign = 'middle';
  437. divSettingButton.appendChild(btnApplySetting);
  438. divSettingButton.appendChild(btnCloseSetting);
  439. /* ----------------------------------------- appley and close button ----------------------------------------- */
  440.  
  441. /* ----------------------------------------- container ----------------------------------------- */
  442. let divBottomContainer = document.createElement('div');
  443. divBottomContainer.classList.add('danmu-random-setting-bottom');
  444. // divBottomContainer.style.width = '100%';
  445. // divBottomContainer.style.lineHeight = '35px';
  446. divBottomContainer.appendChild(divCheckbox);
  447. divBottomContainer.appendChild(divApplyTip);
  448. divBottomContainer.appendChild(divSettingButton);
  449.  
  450. let divContainer = document.createElement('div');
  451. divContainer.style.height = 'calc(98% - 30px - 25px)';
  452. divContainer.appendChild(divText1);
  453. divContainer.appendChild(divGroup1Checkbox);
  454. divContainer.appendChild(dataText1);
  455. divContainer.appendChild(divText2);
  456. divContainer.appendChild(divGroup2Checkbox);
  457. divContainer.appendChild(dataText2);
  458. divContainer.appendChild(divText3);
  459. divContainer.appendChild(divGroup3Checkbox);
  460. divContainer.appendChild(dataText3);
  461. divContainer.appendChild(divText4);
  462. divContainer.appendChild(divGroup4Checkbox);
  463. divContainer.appendChild(dataText4);
  464. divContainer.appendChild(divText5);
  465. divContainer.appendChild(divGroup5Checkbox);
  466. divContainer.appendChild(dataText5);
  467. divContainer.appendChild(divBottomContainer);
  468. /* ----------------------------------------- container ----------------------------------------- */
  469.  
  470. divSetting = document.createElement('div');
  471. divSetting.classList.add('danmu-random-setting-panel');
  472. // divSetting.style.backgroundColor = '#d4f2e0';
  473. // divSetting.style.borderRadius = '2px';
  474. // divSetting.style.width = '100%';
  475. // divSetting.style.height = '100%';
  476. // divSetting.style.overflowY = 'auto';
  477. // divSetting.style.position = 'absolute';
  478. // divSetting.style.left = '0';
  479. // divSetting.style.top = '0';
  480. // divSetting.style.zIndex = '999';
  481. // divSetting.style.display = 'none';
  482. divSetting.appendChild(divSettingTitle);
  483. divSetting.appendChild(divTip);
  484. divSetting.appendChild(divUpdateTip);
  485. divSetting.appendChild(divContainer);
  486.  
  487. let asideAreaVm = document.getElementById('aside-area-vm');
  488. asideAreaVm.appendChild(divSetting);
  489.  
  490. /* ----------------------------------------- function ----------------------------------------- */
  491. dmButtonSend = document.createElement('button');
  492. dmButtonSend.textContent = '开始';
  493. dmButtonSend.style.minWidth = '65px';
  494. dmButtonSend.style.height = '24px';
  495. dmButtonSend.style.fontSize = '12px';
  496. dmButtonSend.style.borderRadius = '4px';
  497. dmButtonSend.style.color = '#ffffff';
  498. dmButtonSend.style.background = 'rgba(217,157,27,1)';
  499. dmButtonSend.style.border = '0';
  500. dmButtonSend.style.cursor = 'pointer';
  501. //dmButtonSend.onclick = function() { alert('Hello world');}
  502. dmButtonSend.addEventListener('click', offOrOn);
  503.  
  504. let beforeSpan = document.createElement('span');
  505. beforeSpan.textContent = '每';
  506. beforeSpan.style.color = '#ffffff';
  507. beforeSpan.style.fontSize = '12px';
  508. beforeSpan.style.marginLeft = '4px';
  509. beforeSpan.style.backgroundColor = '#ec6c1b';
  510.  
  511. dmInput = document.createElement('input');
  512. dmInput.value = default_timeout;
  513. dmInput.style.width = '25px';
  514. dmInput.style.height = '15px';
  515. dmInput.style.margin = '0 3px';
  516. dmInput.style.border = '0';
  517. dmInput.style.borderRadius = '3px';
  518. dmInput.setAttribute('oninput', "this.value = this.value.replace(/[^0-9]/g, '')");
  519.  
  520. let afterSpan = document.createElement('span');
  521. afterSpan.textContent = '秒发送';
  522. afterSpan.style.color = '#ffffff';
  523. afterSpan.style.fontSize = '12px';
  524. afterSpan.style.backgroundColor = '#ec6c1b';
  525. afterSpan.style.marginRight = '4px';
  526.  
  527. let iElement = document.createElement('i');
  528. iElement.classList.add('el-icon-setting');
  529.  
  530. let btnSetting = document.createElement('button');
  531. btnSetting.title = '设置';
  532. btnSetting.classList.add('el-button');
  533. btnSetting.classList.add('el-button--mini');
  534. btnSetting.classList.add('is-circle');
  535. btnSetting.addEventListener('click', openSetting);
  536. btnSetting.appendChild(iElement);
  537.  
  538. // let btnSetting = document.createElement('ion-icon');
  539. // btnSetting.setAttribute('name', 'settings-sharp');
  540. // btnSetting.classList.add('el-button');
  541. // btnSetting.classList.add('el-button--mini');
  542. // btnSetting.classList.add('is-circle');
  543. // btnSetting.addEventListener('click', openSetting);
  544.  
  545. let div = document.createElement('div');
  546. div.style.position = 'absolute';
  547. div.appendChild(dmButtonSend);
  548. div.appendChild(beforeSpan);
  549. div.appendChild(dmInput);
  550. div.appendChild(afterSpan);
  551. div.appendChild(btnSetting);
  552. divButton.appendChild(div);
  553. /* ----------------------------------------- function ----------------------------------------- */
  554. },
  555. removeElements = () => {
  556. let loginTips = document.getElementById('switch-login-guide-vm');
  557. if (loginTips)
  558. loginTips.style.setProperty('display', 'none', 'important');
  559. else
  560. console.warn('=================> DOM id【switch-login-guide-vm】丢失');
  561.  
  562. let haruna = document.getElementById('my-dear-haruna-vm');
  563. if (haruna)
  564. haruna.style.setProperty('display', 'none', 'important');
  565. else
  566. console.warn('=================> DOM id【my-dear-haruna-vm】丢失');
  567. },
  568. loadData = () => {
  569. let obj = getGmValue(roomId, null);
  570. if (obj) {
  571. if (source.version === obj.version) {
  572. source = obj;
  573. setGmValue(roomId, source);
  574. }
  575. else if (obj.version === 2) {
  576. source.data1 = obj.data1;
  577. source.data2 = obj.data2;
  578. source.data3 = obj.data3;
  579. source.data4 = obj.data4;
  580. source.data5 = obj.data5;
  581. setGmValue(roomId, source);
  582. } else {
  583. source.data1.values = obj.data1 ? obj.data1 : source.data1.values;
  584. source.data2.values = obj.data2 ? obj.data2 : source.data2.values;
  585. source.data3.values = obj.data3 ? obj.data3 : source.data3.values;
  586. source.data4.values = obj.data4 ? obj.data4 : source.data4.values;
  587. source.data5.values = obj.data5 ? obj.data5 : source.data5.values;
  588. setGmValue(roomId, source);
  589. }
  590. }
  591.  
  592. setCheckboxChecked();
  593. dataText1.value = source.data1.values.join('|');
  594. dataText2.value = source.data2.values.join('|');
  595. dataText3.value = source.data3.values.join('|');
  596. dataText4.value = source.data4.values.join('|');
  597. dataText5.value = source.data5.values.join('|');
  598. initData();
  599. },
  600. runStart = () => loadData();
  601.  
  602. window.setGmNotice = setGmNotice;
  603. window.setGmGetValue = setGmGetValue;
  604. window.setGmSetValue = setGmSetValue;
  605. window.setGmDelValue = setGmDelValue;
  606. window.runStart = runStart;
  607. window.arrayInfo = arrayInfo;
  608. initCss();
  609. window.addEventListener("load", () => {
  610. let js = document.getElementById('version-' + frameworkVersion);
  611. if (!js) {
  612. setLoadedFlag(true);
  613. setTimeout(() => {
  614. gmNotice({
  615. text: '当前脚本不是最新版,请更新再使用功能',
  616. title: '油猴脚本有更新,点击进行安装',
  617. image: noticeImageUrl,
  618. highlight: true,
  619. timeout: 120000,
  620. onclick: () => window.open(frameworkUrl, '_blank')
  621. });
  622. }, 1000);
  623. return;
  624. }
  625.  
  626. waiters[waiters.length] = setInterval(() => {
  627. let divButton = document.getElementsByClassName('bottom-actions p-relative')[0];
  628. if (divButton) {
  629. clearWaiters();
  630. buildPanel(divButton);
  631. setLoadedFlag(true);
  632. } else {
  633. --waitCount;
  634. if (0 >= waitCount) {
  635. setLoadedFlag(true);
  636. clearWaiters();
  637. // console.error('没能找到发送按钮的所属元素');
  638. gmNotice({
  639. text: '没能找到发送按钮的所属元素,请刷新重试',
  640. title: '加载错误,点击刷新页面',
  641. image: noticeImageUrl,
  642. highlight: true,
  643. timeout: noticeTimeout,
  644. onclick: () => location.reload()
  645. });
  646. }
  647. }
  648. }, 1500);
  649.  
  650. removeElements();
  651. signIn();
  652. });
  653. })();

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址