b-live-random-send-test

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

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

此脚本不应直接安装。它是供其他脚本使用的外部库,要使用该库请加入元指令 // @require https://update.cn-greasyfork.org/scripts/447936/1081085/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(obj); },
  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.2.0',
  37. noticeImageUrl = 'https://www.bilibili.com/favicon.ico',
  38. frameworkUrl = 'https://greasyfork.org/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;}.random-check{display:inline-block;margin:0 5px;vertical-align:middle;}.random-check label{display:inline-block;vertical-align:middle;border:1px solid #bdc3c7;border-radius:60px;width:40px;height:18px;position:relative;transition:all .3s;}.random-check input{display:none;}.random-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;}.random-check :checked ~ label{background-color:#26b22b;border-color:#26b22b;}.random-check :checked ~ label:before{left:22px;background-color:#fff;}.danmu-group-check{display:inline-block;margin:0 5px;vertical-align:middle;}.danmu-group-check label{display:inline-block;vertical-align:middle;border:1px solid #bdc3c7;border-radius:60px;width:40px;height:18px;position:relative;transition:all .3s;}.danmu-group-check input{display:none;}.danmu-group-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;}.danmu-group-check :checked ~ label{background-color:#26b22b;border-color:#26b22b;}.danmu-group-check :checked ~ label:before{left:22px;background-color:#fff;}';
  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. send(signInContent, 0);
  121. console.log('=================> 进入下一轮递归签到');
  122. signIn();
  123. }, timestamp);
  124. },
  125. // selectRandom = () => source.random = rdCheckbox.checked,
  126. setCheckboxChecked = () => {
  127. rdCheckbox.checked = source.random;
  128. group1Checkbox.checked = source.data1.available;
  129. group2Checkbox.checked = source.data2.available;
  130. group3Checkbox.checked = source.data3.available;
  131. group4Checkbox.checked = source.data4.available;
  132. group5Checkbox.checked = source.data5.available;
  133. },
  134. openSetting = () => divSetting.style.display = 'block',
  135. closeSetting = () => {
  136. setCheckboxChecked();
  137. divSetting.style.display = 'none';
  138. },
  139. initData = () => {
  140. if (source.data1.values.length <= 0
  141. && source.data2.values.length <= 0
  142. && source.data3.values.length <= 0
  143. && source.data4.values.length <= 0
  144. && source.data5.values.length <= 0) {
  145. return data ? data : [];
  146. }
  147.  
  148. let result = [];
  149. result = source.data1.available ? result.concat(source.data1.values) : result;
  150. result = source.data2.available ? result.concat(source.data2.values) : result;
  151. result = source.data3.available ? result.concat(source.data3.values) : result;
  152. result = source.data4.available ? result.concat(source.data4.values) : result;
  153. result = source.data5.available ? result.concat(source.data5.values) : result;
  154. data = result;
  155. source.random ? data = randomSort(result) : arrayIndex = 0;
  156. },
  157. applySetting = () => {
  158. source.data1.values = isNull(dataText1.value) ? [] : dataText1.value.split('|');
  159. source.data2.values = isNull(dataText2.value) ? [] : dataText2.value.split('|');
  160. source.data3.values = isNull(dataText3.value) ? [] : dataText3.value.split('|');
  161. source.data4.values = isNull(dataText4.value) ? [] : dataText4.value.split('|');
  162. source.data5.values = isNull(dataText5.value) ? [] : dataText5.value.split('|');
  163. source.random = rdCheckbox.checked;
  164. source.data1.available = group1Checkbox.checked;
  165. source.data2.available = group2Checkbox.checked;
  166. source.data3.available = group3Checkbox.checked;
  167. source.data4.available = group4Checkbox.checked;
  168. source.data5.available = group5Checkbox.checked;
  169. initData();
  170. setGmValue(source);
  171. spanApplyTip.style.display = 'block';
  172. setTimeout(() => {
  173. spanApplyTip.style.display = 'none';
  174. divSetting.style.display = 'none';
  175. }, 1500);
  176. },
  177. danmu = () => {
  178. if (data.length < 1) {
  179. alert('请任意在一个分组里输入一条弹幕');
  180. return;
  181. }
  182. if (source.random)
  183. arrayIndex = Math.floor((Math.random() * data.length));
  184.  
  185. send(data[arrayIndex], arrayIndex);
  186. ++arrayIndex;
  187. if (arrayIndex >= data.length)
  188. arrayIndex = 0;
  189. },
  190. offOrOn = () => {
  191. let timeout = 0;
  192. if (timer) {
  193. console.log('=================> ' + new Date().toLocaleString() + ' 停止发送弹幕');
  194. clearInterval(timer);
  195. timer = null;
  196. console.log('=================> ' + new Date().toLocaleString() + ' 停止成功!!');
  197. dmButtonSend.style.background = 'rgba(217,157,27,1)';
  198. dmButtonSend.textContent = '开始';
  199. dmInput.removeAttribute("disabled");
  200. } else {
  201. timeout = isNull(dmInput.value) ? default_timeout * 1000 : dmInput.value * 1000;
  202. danmu();
  203. console.log('=================> ' + new Date().toLocaleString() + ' 开启定时器');
  204. timer = setInterval(danmu, timeout);
  205. console.log('=================> ' + new Date().toLocaleString() + ' 开启成功!!');
  206. dmButtonSend.style.background = '#ff0000';
  207. dmButtonSend.textContent = '停止';
  208. dmInput.setAttribute('disabled', 'disabled');
  209. }
  210. },
  211. buildPanel = (divButton) => {
  212. /* ----------------------------------------- head ----------------------------------------- */
  213. let divSettingTitle = document.createElement('div');
  214. divSettingTitle.textContent = '弹幕设置';
  215. divSettingTitle.style.textAlign = 'center';
  216. divSettingTitle.style.fontSize = '16px';
  217. divSettingTitle.style.fontWeight = '700';
  218. divSettingTitle.style.color = '#1c5adc';
  219. divSettingTitle.style.lineHeight = '30px';
  220.  
  221. let divTip = document.createElement('div');
  222. divTip.style.color = '#0b81cc';
  223. divTip.style.textAlign = 'center';
  224. divTip.style.fontStyle = 'italic';
  225. divTip.style.height = '25px';
  226. divTip.innerHTML = '任一分组内输入弹幕即可,多条用<span style="color:#dc6b07;margin:0 2px 0 4px;font-weight:700;font-style:normal;">竖线</span>分隔';
  227. /* ----------------------------------------- head ----------------------------------------- */
  228.  
  229. /* ----------------------------------------- textarea 1 ----------------------------------------- */
  230. let divText1 = document.createElement('div');
  231. divText1.textContent = '分组 1 :';
  232. divText1.classList.add('danmu-group-title');
  233.  
  234. group1Checkbox = document.createElement('input');
  235. group1Checkbox.type = 'checkbox';
  236. group1Checkbox.id = 'group1Checkbox';
  237. group1Checkbox.checked = true;
  238.  
  239. let lblGroup1Checkbox = document.createElement('label');
  240. lblGroup1Checkbox.setAttribute('for', 'group1Checkbox');
  241.  
  242. let divGroup1Checkbox = document.createElement('div');
  243. divGroup1Checkbox.classList.add('danmu-group-check');
  244. divGroup1Checkbox.appendChild(group1Checkbox);
  245. divGroup1Checkbox.appendChild(lblGroup1Checkbox);
  246.  
  247. dataText1 = document.createElement('textarea');
  248. dataText1.classList.add('danmu-group-textarea');
  249. dataText1.setAttribute('placeholder', '请输入弹幕,多条弹幕请用“|”分隔');
  250. /* ----------------------------------------- textarea 1 ----------------------------------------- */
  251.  
  252. /* ----------------------------------------- textarea 2 ----------------------------------------- */
  253. let divText2 = document.createElement('div');
  254. divText2.textContent = '分组 2 :';
  255. divText2.classList.add('danmu-group-title');
  256.  
  257. group2Checkbox = document.createElement('input');
  258. group2Checkbox.type = 'checkbox';
  259. group2Checkbox.id = 'group2Checkbox';
  260. group2Checkbox.checked = true;
  261.  
  262. let lblGroup2Checkbox = document.createElement('label');
  263. lblGroup2Checkbox.setAttribute('for', 'group2Checkbox');
  264.  
  265. let divGroup2Checkbox = document.createElement('div');
  266. divGroup2Checkbox.classList.add('danmu-group-check');
  267. divGroup2Checkbox.appendChild(group2Checkbox);
  268. divGroup2Checkbox.appendChild(lblGroup2Checkbox);
  269.  
  270. dataText2 = document.createElement('textarea');
  271. dataText2.classList.add('danmu-group-textarea');
  272. dataText2.setAttribute('placeholder', '请输入弹幕,多条弹幕请用“|”分隔');
  273. /* ----------------------------------------- textarea 2 ----------------------------------------- */
  274.  
  275. /* ----------------------------------------- textarea 3 ----------------------------------------- */
  276. let divText3 = document.createElement('div');
  277. divText3.textContent = '分组 3 :';
  278. divText3.classList.add('danmu-group-title');
  279.  
  280. group3Checkbox = document.createElement('input');
  281. group3Checkbox.type = 'checkbox';
  282. group3Checkbox.id = 'group3Checkbox';
  283. group3Checkbox.checked = true;
  284.  
  285. let lblGroup3Checkbox = document.createElement('label');
  286. lblGroup3Checkbox.setAttribute('for', 'group3Checkbox');
  287.  
  288. let divGroup3Checkbox = document.createElement('div');
  289. divGroup3Checkbox.classList.add('danmu-group-check');
  290. divGroup3Checkbox.appendChild(group3Checkbox);
  291. divGroup3Checkbox.appendChild(lblGroup3Checkbox);
  292.  
  293. dataText3 = document.createElement('textarea');
  294. dataText3.classList.add('danmu-group-textarea');
  295. dataText3.setAttribute('placeholder', '请输入弹幕,多条弹幕请用“|”分隔');
  296. /* ----------------------------------------- textarea 3 ----------------------------------------- */
  297.  
  298. /* ----------------------------------------- textarea 4 ----------------------------------------- */
  299. let divText4 = document.createElement('div');
  300. divText4.textContent = '分组 4 :';
  301. divText4.classList.add('danmu-group-title');
  302.  
  303. group4Checkbox = document.createElement('input');
  304. group4Checkbox.type = 'checkbox';
  305. group4Checkbox.id = 'group4Checkbox';
  306. group4Checkbox.checked = true;
  307.  
  308. let lblGroup4Checkbox = document.createElement('label');
  309. lblGroup4Checkbox.setAttribute('for', 'group4Checkbox');
  310.  
  311. let divGroup4Checkbox = document.createElement('div');
  312. divGroup4Checkbox.classList.add('danmu-group-check');
  313. divGroup4Checkbox.appendChild(group4Checkbox);
  314. divGroup4Checkbox.appendChild(lblGroup4Checkbox);
  315.  
  316. dataText4 = document.createElement('textarea');
  317. dataText4.classList.add('danmu-group-textarea');
  318. dataText4.setAttribute('placeholder', '请输入弹幕,多条弹幕请用“|”分隔');
  319. /* ----------------------------------------- textarea 4 ----------------------------------------- */
  320.  
  321. /* ----------------------------------------- textarea 5 ----------------------------------------- */
  322. let divText5 = document.createElement('div');
  323. divText5.textContent = '分组 5 :';
  324. divText5.classList.add('danmu-group-title');
  325.  
  326. group5Checkbox = document.createElement('input');
  327. group5Checkbox.type = 'checkbox';
  328. group5Checkbox.id = 'group5Checkbox';
  329. group5Checkbox.checked = true;
  330.  
  331. let lblGroup5Checkbox = document.createElement('label');
  332. lblGroup5Checkbox.setAttribute('for', 'group5Checkbox');
  333.  
  334. let divGroup5Checkbox = document.createElement('div');
  335. divGroup5Checkbox.classList.add('danmu-group-check');
  336. divGroup5Checkbox.appendChild(group5Checkbox);
  337. divGroup5Checkbox.appendChild(lblGroup5Checkbox);
  338.  
  339. dataText5 = document.createElement('textarea');
  340. dataText5.classList.add('danmu-group-textarea');
  341. dataText5.setAttribute('placeholder', '请输入弹幕,多条弹幕请用“|”分隔');
  342. /* ----------------------------------------- textarea 5 ----------------------------------------- */
  343.  
  344. /* ----------------------------------------- random chackbox ----------------------------------------- */
  345. let descCheckbox = document.createElement('span');
  346. descCheckbox.textContent = '随机';
  347. descCheckbox.title = '将合并所有分组数据,从中随机选出一条发送';
  348. descCheckbox.style.fontSize = '16px';
  349. descCheckbox.style.verticalAlign = 'middle';
  350. descCheckbox.style.marginRight = '4px';
  351. descCheckbox.style.color = '#095ca2';
  352. descCheckbox.style.cursor = 'help';
  353.  
  354. rdCheckbox = document.createElement('input');
  355. rdCheckbox.type = 'checkbox';
  356. rdCheckbox.id = 'rdmCheckbox';
  357. rdCheckbox.checked = true;
  358. // rdCheckbox.addEventListener('click', selectRandom);
  359.  
  360. let lblCheckbox = document.createElement('label');
  361. lblCheckbox.setAttribute('for', 'rdmCheckbox');
  362.  
  363. let divCheckbox = document.createElement('div');
  364. divCheckbox.classList.add('random-check');
  365. divCheckbox.style.marginLeft = '10px';
  366. divCheckbox.appendChild(descCheckbox);
  367. divCheckbox.appendChild(rdCheckbox);
  368. divCheckbox.appendChild(lblCheckbox);
  369. /* ----------------------------------------- random chackbox ----------------------------------------- */
  370.  
  371. /* ----------------------------------------- div tip ----------------------------------------- */
  372. spanApplyTip = document.createElement('span');
  373. spanApplyTip.textContent = '设置成功';
  374. spanApplyTip.style.fontSize = '16px';
  375. spanApplyTip.style.color = '#128712';
  376. spanApplyTip.style.display = 'none';
  377.  
  378. let divApplyTip = document.createElement('div');
  379. divApplyTip.style.textAlign = 'center';
  380. divApplyTip.style.display = 'inline-block';
  381. divApplyTip.style.verticalAlign = 'middle';
  382. divApplyTip.style.width = '34%';
  383. divApplyTip.appendChild(spanApplyTip);
  384. /* ----------------------------------------- div tip ----------------------------------------- */
  385.  
  386. /* ----------------------------------------- appley and close button ----------------------------------------- */
  387. let btnApplySetting = document.createElement('i');
  388. btnApplySetting.setAttribute('title', '应用');
  389. btnApplySetting.classList.add('el-button');
  390. btnApplySetting.classList.add('el-icon-check');
  391. btnApplySetting.classList.add('is-circle');
  392. btnApplySetting.addEventListener('click', applySetting);
  393.  
  394. let btnCloseSetting = document.createElement('i');
  395. btnCloseSetting.setAttribute('title', '关闭');
  396. btnCloseSetting.classList.add('el-button');
  397. btnCloseSetting.classList.add('el-icon-close');
  398. btnCloseSetting.classList.add('is-circle');
  399. btnCloseSetting.addEventListener('click', closeSetting);
  400.  
  401. let divSettingButton = document.createElement('div');
  402. divSettingButton.style.display = 'inline-block';
  403. divSettingButton.style.verticalAlign = 'middle';
  404. divSettingButton.appendChild(btnApplySetting);
  405. divSettingButton.appendChild(btnCloseSetting);
  406. /* ----------------------------------------- appley and close button ----------------------------------------- */
  407.  
  408. /* ----------------------------------------- container ----------------------------------------- */
  409. let divBottomContainer = document.createElement('div');
  410. divBottomContainer.style.width = '100%';
  411. divBottomContainer.style.lineHeight = '35px';
  412. divBottomContainer.appendChild(divCheckbox);
  413. divBottomContainer.appendChild(divApplyTip);
  414. divBottomContainer.appendChild(divSettingButton);
  415.  
  416. let divContainer = document.createElement('div');
  417. divContainer.style.height = 'calc(98% - 30px - 25px)';
  418. divContainer.appendChild(divText1);
  419. divContainer.appendChild(divGroup1Checkbox);
  420. divContainer.appendChild(dataText1);
  421. divContainer.appendChild(divText2);
  422. divContainer.appendChild(divGroup2Checkbox);
  423. divContainer.appendChild(dataText2);
  424. divContainer.appendChild(divText3);
  425. divContainer.appendChild(divGroup3Checkbox);
  426. divContainer.appendChild(dataText3);
  427. divContainer.appendChild(divText4);
  428. divContainer.appendChild(divGroup4Checkbox);
  429. divContainer.appendChild(dataText4);
  430. divContainer.appendChild(divText5);
  431. divContainer.appendChild(divGroup5Checkbox);
  432. divContainer.appendChild(dataText5);
  433. divContainer.appendChild(divBottomContainer);
  434. /* ----------------------------------------- container ----------------------------------------- */
  435.  
  436. divSetting = document.createElement('div');
  437. divSetting.style.backgroundColor = '#d4f2e0';
  438. divSetting.style.borderRadius = '2px';
  439. divSetting.style.width = '100%';
  440. divSetting.style.height = '100%';
  441. divSetting.style.overflowY = 'auto';
  442. divSetting.style.position = 'absolute';
  443. divSetting.style.left = '0';
  444. divSetting.style.top = '0';
  445. divSetting.style.zIndex = '999';
  446. divSetting.style.display = 'none';
  447. divSetting.appendChild(divSettingTitle);
  448. divSetting.appendChild(divTip);
  449. divSetting.appendChild(divContainer);
  450.  
  451. let asideAreaVm = document.getElementById('aside-area-vm');
  452. asideAreaVm.appendChild(divSetting);
  453.  
  454. /* ----------------------------------------- function ----------------------------------------- */
  455. dmButtonSend = document.createElement('button');
  456. dmButtonSend.textContent = '开始';
  457. dmButtonSend.style.minWidth = '65px';
  458. dmButtonSend.style.height = '24px';
  459. dmButtonSend.style.fontSize = '12px';
  460. dmButtonSend.style.borderRadius = '4px';
  461. dmButtonSend.style.color = '#ffffff';
  462. dmButtonSend.style.background = 'rgba(217,157,27,1)';
  463. dmButtonSend.style.border = '0';
  464. dmButtonSend.style.cursor = 'pointer';
  465. //dmButtonSend.onclick = function() { alert('Hello world');}
  466. dmButtonSend.addEventListener('click', offOrOn);
  467.  
  468. let beforeSpan = document.createElement('span');
  469. beforeSpan.textContent = '每';
  470. beforeSpan.style.color = '#ffffff';
  471. beforeSpan.style.fontSize = '12px';
  472. beforeSpan.style.marginLeft = '4px';
  473. beforeSpan.style.backgroundColor = '#ec6c1b';
  474.  
  475. dmInput = document.createElement('input');
  476. dmInput.value = default_timeout;
  477. dmInput.style.width = '25px';
  478. dmInput.style.height = '15px';
  479. dmInput.style.margin = '0 3px';
  480. dmInput.style.border = '0';
  481. dmInput.style.borderRadius = '3px';
  482. dmInput.setAttribute('oninput', "this.value = this.value.replace(/[^0-9]/g, '')");
  483.  
  484. let afterSpan = document.createElement('span');
  485. afterSpan.textContent = '秒发送';
  486. afterSpan.style.color = '#ffffff';
  487. afterSpan.style.fontSize = '12px';
  488. afterSpan.style.backgroundColor = '#ec6c1b';
  489. afterSpan.style.marginRight = '4px';
  490.  
  491. let iElement = document.createElement('i');
  492. iElement.classList.add('el-icon-setting');
  493.  
  494. let btnSetting = document.createElement('button');
  495. btnSetting.title = '设置';
  496. btnSetting.classList.add('el-button');
  497. btnSetting.classList.add('el-button--mini');
  498. btnSetting.classList.add('is-circle');
  499. btnSetting.addEventListener('click', openSetting);
  500. btnSetting.appendChild(iElement);
  501.  
  502. // let btnSetting = document.createElement('ion-icon');
  503. // btnSetting.setAttribute('name', 'settings-sharp');
  504. // btnSetting.classList.add('el-button');
  505. // btnSetting.classList.add('el-button--mini');
  506. // btnSetting.classList.add('is-circle');
  507. // btnSetting.addEventListener('click', openSetting);
  508.  
  509. let div = document.createElement('div');
  510. div.style.position = 'absolute';
  511. div.appendChild(dmButtonSend);
  512. div.appendChild(beforeSpan);
  513. div.appendChild(dmInput);
  514. div.appendChild(afterSpan);
  515. div.appendChild(btnSetting);
  516. divButton.appendChild(div);
  517. /* ----------------------------------------- function ----------------------------------------- */
  518. },
  519. removeElements = () => {
  520. let loginTips = document.getElementById('switch-login-guide-vm');
  521. if (loginTips)
  522. loginTips.style.setProperty('display', 'none', 'important');
  523. else
  524. console.warn('=================> DOM id【switch-login-guide-vm】丢失');
  525.  
  526. let haruna = document.getElementById('my-dear-haruna-vm');
  527. if (haruna)
  528. haruna.style.setProperty('display', 'none', 'important');
  529. else
  530. console.warn('=================> DOM id【my-dear-haruna-vm】丢失');
  531. },
  532. loadData = () => {
  533. let obj = getGmValue(roomId, null);
  534. if (obj) {
  535. if (source.version === obj.version)
  536. source = obj;
  537. else if (obj.version === 2) {
  538. source.data1 = obj.data1;
  539. source.data2 = obj.data2;
  540. source.data3 = obj.data3;
  541. source.data4 = obj.data4;
  542. source.data5 = obj.data5;
  543. setGmValue(roomId, source);
  544. } else {
  545. source.data1.values = obj.data1 ? obj.data1 : source.data1.values;
  546. source.data2.values = obj.data2 ? obj.data2 : source.data2.values;
  547. source.data3.values = obj.data3 ? obj.data3 : source.data3.values;
  548. source.data4.values = obj.data4 ? obj.data4 : source.data4.values;
  549. source.data5.values = obj.data5 ? obj.data5 : source.data5.values;
  550. setGmValue(roomId, source);
  551. }
  552. }
  553.  
  554. setCheckboxChecked();
  555. dataText1.value = source.data1.values.join('|');
  556. dataText2.value = source.data2.values.join('|');
  557. dataText3.value = source.data3.values.join('|');
  558. dataText4.value = source.data4.values.join('|');
  559. dataText5.value = source.data5.values.join('|');
  560. initData();
  561. },
  562. runStart = () => loadData();
  563.  
  564. window.setGmNotice = setGmNotice;
  565. window.setGmGetValue = setGmGetValue;
  566. window.setGmSetValue = setGmSetValue;
  567. window.setGmDelValue = setGmDelValue;
  568. window.runStart = runStart;
  569. window.arrayInfo = arrayInfo;
  570. initCss();
  571. window.addEventListener("load", () => {
  572. let js = document.getElementById('version-' + frameworkVersion);
  573. if (!js) {
  574. setLoadedFlag(true);
  575. setTimeout(() => {
  576. gmNotice({
  577. text: '当前脚本不是最新版,请更新再使用功能',
  578. title: '油猴脚本有更新,点击去安装',
  579. image: noticeImageUrl,
  580. highlight: true,
  581. timeout: 0,
  582. onclick: () => window.open(frameworkUrl, '_blank')
  583. });
  584. }, 1000);
  585. return;
  586. }
  587.  
  588. waiters[waiters.length] = setInterval(() => {
  589. let divButton = document.getElementsByClassName('bottom-actions p-relative')[0];
  590. if (divButton) {
  591. clearWaiters();
  592. buildPanel(divButton);
  593. window.dmButtonSend = dmButtonSend;
  594. setLoadedFlag(true);
  595. } else {
  596. --waitCount;
  597. if (0 >= waitCount) {
  598. setLoadedFlag(true);
  599. clearWaiters();
  600. // console.error('没能找到发送按钮的所属元素');
  601. gmNotice({
  602. text: '没能找到发送按钮的所属元素,请刷新重试',
  603. title: '加载错误,点击刷新页面',
  604. image: noticeImageUrl,
  605. highlight: true,
  606. timeout: noticeTimeout,
  607. onclick: () => location.reload()
  608. });
  609. }
  610. }
  611. }, 1500);
  612.  
  613. removeElements();
  614. signIn();
  615. });
  616. })();