☰

b-live-random-send-test

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

目前為 2022-08-27 提交的版本，檢視 最新版本。

此腳本不應該直接安裝，它是一個供其他腳本使用的函式庫。欲使用本函式庫，請在腳本 metadata 寫上： // @require https://update.cn-greasyfork.org/scripts/447936/1086490/b-live-random-send-test.js 

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