☰

b-live-random-send-test

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

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

此脚本不应直接安装。它是供其他脚本使用的外部库，要使用该库请加入元指令 // @require https://update.gf.qytechs.cn/scripts/447936/1081336/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;}';
  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.style.textAlign = 'center';
  229.             divSettingTitle.style.fontSize = '16px';
  230.             divSettingTitle.style.fontWeight = '700';
  231.             divSettingTitle.style.color = '#1c5adc';
  232.             divSettingTitle.style.lineHeight = '30px';
  233.  
  234.             let divTip = document.createElement('div');
  235.             divTip.style.color = '#0b81cc';
  236.             divTip.style.textAlign = 'center';
  237.             divTip.style.fontStyle = 'italic';
  238.             divTip.innerHTML = '任一分组内输入弹幕即可，多条用<span style="color:#dc6b07;margin:0 2px 0 4px;font-weight:700;font-style:normal;">竖线</span>分隔';
  239.  
  240.             let divUpdateTip = document.createElement('div');
  241.             divUpdateTip.style.color = '#0b81cc';
  242.             divUpdateTip.style.textAlign = 'center';
  243.             divUpdateTip.style.fontSize = '13px';
  244.             divUpdateTip.style.fontWeight = '700';
  245.             divUpdateTip.style.margin = '10px 0';
  246.             divUpdateTip.innerHTML = '<span style="color:#f00">更新提示：</span>各直播间保存的数据不再相互影响';
  247.             /* ----------------------------------------- head ----------------------------------------- */
  248.  
  249.             /* ----------------------------------------- textarea 1 ----------------------------------------- */
  250.             let divText1 = document.createElement('div');
  251.             divText1.textContent = '分组 1 ：';
  252.             divText1.classList.add('danmu-group-title');
  253.  
  254.             group1Checkbox = document.createElement('input');
  255.             group1Checkbox.type = 'checkbox';
  256.             group1Checkbox.id = 'group1Checkbox';
  257.             group1Checkbox.checked = true;
  258.  
  259.             let lblGroup1Checkbox = document.createElement('label');
  260.             lblGroup1Checkbox.setAttribute('for', 'group1Checkbox');
  261.             lblGroup1Checkbox.classList.add('switch-check-label');
  262.  
  263.             let divGroup1Checkbox = document.createElement('div');
  264.             divGroup1Checkbox.classList.add('switch-check');
  265.             divGroup1Checkbox.appendChild(group1Checkbox);
  266.             divGroup1Checkbox.appendChild(lblGroup1Checkbox);
  267.  
  268.             dataText1 = document.createElement('textarea');
  269.             dataText1.classList.add('danmu-group-textarea');
  270.             dataText1.setAttribute('placeholder', '请输入弹幕，多条弹幕请用“|”分隔');
  271.             /* ----------------------------------------- textarea 1 ----------------------------------------- */
  272.  
  273.             /* ----------------------------------------- textarea 2 ----------------------------------------- */
  274.             let divText2 = document.createElement('div');
  275.             divText2.textContent = '分组 2 ：';
  276.             divText2.classList.add('danmu-group-title');
  277.  
  278.             group2Checkbox = document.createElement('input');
  279.             group2Checkbox.type = 'checkbox';
  280.             group2Checkbox.id = 'group2Checkbox';
  281.             group2Checkbox.checked = true;
  282.  
  283.             let lblGroup2Checkbox = document.createElement('label');
  284.             lblGroup2Checkbox.setAttribute('for', 'group2Checkbox');
  285.             lblGroup2Checkbox.classList.add('switch-check-label');
  286.  
  287.             let divGroup2Checkbox = document.createElement('div');
  288.             divGroup2Checkbox.classList.add('switch-check');
  289.             divGroup2Checkbox.appendChild(group2Checkbox);
  290.             divGroup2Checkbox.appendChild(lblGroup2Checkbox);
  291.  
  292.             dataText2 = document.createElement('textarea');
  293.             dataText2.classList.add('danmu-group-textarea');
  294.             dataText2.setAttribute('placeholder', '请输入弹幕，多条弹幕请用“|”分隔');
  295.             /* ----------------------------------------- textarea 2 ----------------------------------------- */
  296.  
  297.             /* ----------------------------------------- textarea 3 ----------------------------------------- */
  298.             let divText3 = document.createElement('div');
  299.             divText3.textContent = '分组 3 ：';
  300.             divText3.classList.add('danmu-group-title');
  301.  
  302.             group3Checkbox = document.createElement('input');
  303.             group3Checkbox.type = 'checkbox';
  304.             group3Checkbox.id = 'group3Checkbox';
  305.             group3Checkbox.checked = true;
  306.  
  307.             let lblGroup3Checkbox = document.createElement('label');
  308.             lblGroup3Checkbox.setAttribute('for', 'group3Checkbox');
  309.             lblGroup3Checkbox.classList.add('switch-check-label');
  310.  
  311.             let divGroup3Checkbox = document.createElement('div');
  312.             divGroup3Checkbox.classList.add('switch-check');
  313.             divGroup3Checkbox.appendChild(group3Checkbox);
  314.             divGroup3Checkbox.appendChild(lblGroup3Checkbox);
  315.  
  316.             dataText3 = document.createElement('textarea');
  317.             dataText3.classList.add('danmu-group-textarea');
  318.             dataText3.setAttribute('placeholder', '请输入弹幕，多条弹幕请用“|”分隔');
  319.             /* ----------------------------------------- textarea 3 ----------------------------------------- */
  320.  
  321.             /* ----------------------------------------- textarea 4 ----------------------------------------- */
  322.             let divText4 = document.createElement('div');
  323.             divText4.textContent = '分组 4 ：';
  324.             divText4.classList.add('danmu-group-title');
  325.  
  326.             group4Checkbox = document.createElement('input');
  327.             group4Checkbox.type = 'checkbox';
  328.             group4Checkbox.id = 'group4Checkbox';
  329.             group4Checkbox.checked = true;
  330.  
  331.             let lblGroup4Checkbox = document.createElement('label');
  332.             lblGroup4Checkbox.setAttribute('for', 'group4Checkbox');
  333.             lblGroup4Checkbox.classList.add('switch-check-label');
  334.  
  335.             let divGroup4Checkbox = document.createElement('div');
  336.             divGroup4Checkbox.classList.add('switch-check');
  337.             divGroup4Checkbox.appendChild(group4Checkbox);
  338.             divGroup4Checkbox.appendChild(lblGroup4Checkbox);
  339.  
  340.             dataText4 = document.createElement('textarea');
  341.             dataText4.classList.add('danmu-group-textarea');
  342.             dataText4.setAttribute('placeholder', '请输入弹幕，多条弹幕请用“|”分隔');
  343.             /* ----------------------------------------- textarea 4 ----------------------------------------- */
  344.  
  345.             /* ----------------------------------------- textarea 5 ----------------------------------------- */
  346.             let divText5 = document.createElement('div');
  347.             divText5.textContent = '分组 5 ：';
  348.             divText5.classList.add('danmu-group-title');
  349.  
  350.             group5Checkbox = document.createElement('input');
  351.             group5Checkbox.type = 'checkbox';
  352.             group5Checkbox.id = 'group5Checkbox';
  353.             group5Checkbox.checked = true;
  354.  
  355.             let lblGroup5Checkbox = document.createElement('label');
  356.             lblGroup5Checkbox.setAttribute('for', 'group5Checkbox');
  357.             lblGroup5Checkbox.classList.add('switch-check-label');
  358.  
  359.             let divGroup5Checkbox = document.createElement('div');
  360.             divGroup5Checkbox.classList.add('switch-check');
  361.             divGroup5Checkbox.appendChild(group5Checkbox);
  362.             divGroup5Checkbox.appendChild(lblGroup5Checkbox);
  363.  
  364.             dataText5 = document.createElement('textarea');
  365.             dataText5.classList.add('danmu-group-textarea');
  366.             dataText5.setAttribute('placeholder', '请输入弹幕，多条弹幕请用“|”分隔');
  367.             /* ----------------------------------------- textarea 5 ----------------------------------------- */
  368.  
  369.             /* ----------------------------------------- random chackbox ----------------------------------------- */
  370.             let descCheckbox = document.createElement('span');
  371.             descCheckbox.textContent = '随机';
  372.             descCheckbox.title = '将合并所有分组数据，从中随机选出一条发送';
  373.             descCheckbox.style.fontSize = '16px';
  374.             descCheckbox.style.verticalAlign = 'middle';
  375.             descCheckbox.style.marginRight = '4px';
  376.             descCheckbox.style.color = '#095ca2';
  377.             descCheckbox.style.cursor = 'help';
  378.  
  379.             rdCheckbox = document.createElement('input');
  380.             rdCheckbox.type = 'checkbox';
  381.             rdCheckbox.id = 'rdmCheckbox';
  382.             rdCheckbox.checked = true;
  383.             // rdCheckbox.addEventListener('click', selectRandom);
  384.  
  385.             let lblCheckbox = document.createElement('label');
  386.             lblCheckbox.setAttribute('for', 'rdmCheckbox');
  387.             lblCheckbox.classList.add('switch-check-label');
  388.  
  389.             let divCheckbox = document.createElement('div');
  390.             divCheckbox.classList.add('switch-check');
  391.             divCheckbox.style.marginLeft = '10px';
  392.             divCheckbox.appendChild(descCheckbox);
  393.             divCheckbox.appendChild(rdCheckbox);
  394.             divCheckbox.appendChild(lblCheckbox);
  395.             /* ----------------------------------------- random chackbox ----------------------------------------- */
  396.  
  397.             /* ----------------------------------------- div tip ----------------------------------------- */
  398.             spanApplyTip = document.createElement('span');
  399.             spanApplyTip.textContent = '设置成功';
  400.             spanApplyTip.style.fontSize = '16px';
  401.             spanApplyTip.style.color = '#128712';
  402.             spanApplyTip.style.display = 'none';
  403.  
  404.             let divApplyTip = document.createElement('div');
  405.             divApplyTip.style.textAlign = 'center';
  406.             divApplyTip.style.display = 'inline-block';
  407.             divApplyTip.style.verticalAlign = 'middle';
  408.             divApplyTip.style.width = '34%';
  409.             divApplyTip.appendChild(spanApplyTip);
  410.             /* ----------------------------------------- div tip ----------------------------------------- */
  411.  
  412.             /* ----------------------------------------- appley and close button ----------------------------------------- */
  413.             let btnApplySetting = document.createElement('i');
  414.             btnApplySetting.setAttribute('title', '应用');
  415.             btnApplySetting.classList.add('el-button');
  416.             btnApplySetting.classList.add('el-icon-check');
  417.             btnApplySetting.classList.add('is-circle');
  418.             btnApplySetting.addEventListener('click', applySetting);
  419.  
  420.             let btnCloseSetting = document.createElement('i');
  421.             btnCloseSetting.setAttribute('title', '关闭');
  422.             btnCloseSetting.classList.add('el-button');
  423.             btnCloseSetting.classList.add('el-icon-close');
  424.             btnCloseSetting.classList.add('is-circle');
  425.             btnCloseSetting.addEventListener('click', closeSetting);
  426.  
  427.             let divSettingButton = document.createElement('div');
  428.             divSettingButton.style.display = 'inline-block';
  429.             divSettingButton.style.verticalAlign = 'middle';
  430.             divSettingButton.appendChild(btnApplySetting);
  431.             divSettingButton.appendChild(btnCloseSetting);
  432.             /* ----------------------------------------- appley and close button ----------------------------------------- */
  433.  
  434.             /* ----------------------------------------- container ----------------------------------------- */
  435.             let divBottomContainer = document.createElement('div');
  436.             divBottomContainer.style.width = '100%';
  437.             divBottomContainer.style.lineHeight = '35px';
  438.             divBottomContainer.appendChild(divCheckbox);
  439.             divBottomContainer.appendChild(divApplyTip);
  440.             divBottomContainer.appendChild(divSettingButton);
  441.  
  442.             let divContainer = document.createElement('div');
  443.             divContainer.style.height = 'calc(98% - 30px - 25px)';
  444.             divContainer.appendChild(divText1);
  445.             divContainer.appendChild(divGroup1Checkbox);
  446.             divContainer.appendChild(dataText1);
  447.             divContainer.appendChild(divText2);
  448.             divContainer.appendChild(divGroup2Checkbox);
  449.             divContainer.appendChild(dataText2);
  450.             divContainer.appendChild(divText3);
  451.             divContainer.appendChild(divGroup3Checkbox);
  452.             divContainer.appendChild(dataText3);
  453.             divContainer.appendChild(divText4);
  454.             divContainer.appendChild(divGroup4Checkbox);
  455.             divContainer.appendChild(dataText4);
  456.             divContainer.appendChild(divText5);
  457.             divContainer.appendChild(divGroup5Checkbox);
  458.             divContainer.appendChild(dataText5);
  459.             divContainer.appendChild(divBottomContainer);
  460.             /* ----------------------------------------- container ----------------------------------------- */
  461.  
  462.             divSetting = document.createElement('div');
  463.             divSetting.style.backgroundColor = '#d4f2e0';
  464.             divSetting.style.borderRadius = '2px';
  465.             divSetting.style.width = '100%';
  466.             divSetting.style.height = '100%';
  467.             divSetting.style.overflowY = 'auto';
  468.             divSetting.style.position = 'absolute';
  469.             divSetting.style.left = '0';
  470.             divSetting.style.top = '0';
  471.             divSetting.style.zIndex = '999';
  472.             divSetting.style.display = 'none';
  473.             divSetting.appendChild(divSettingTitle);
  474.             divSetting.appendChild(divTip);
  475.             divSetting.appendChild(divUpdateTip);
  476.             divSetting.appendChild(divContainer);
  477.  
  478.             let asideAreaVm = document.getElementById('aside-area-vm');
  479.             asideAreaVm.appendChild(divSetting);
  480.  
  481.             /* ----------------------------------------- function ----------------------------------------- */
  482.             dmButtonSend = document.createElement('button');
  483.             dmButtonSend.textContent = '开始';
  484.             dmButtonSend.style.minWidth = '65px';
  485.             dmButtonSend.style.height = '24px';
  486.             dmButtonSend.style.fontSize = '12px';
  487.             dmButtonSend.style.borderRadius = '4px';
  488.             dmButtonSend.style.color = '#ffffff';
  489.             dmButtonSend.style.background = 'rgba(217,157,27,1)';
  490.             dmButtonSend.style.border = '0';
  491.             dmButtonSend.style.cursor = 'pointer';
  492.             //dmButtonSend.onclick = function() { alert('Hello world');}
  493.             dmButtonSend.addEventListener('click', offOrOn);
  494.  
  495.             let beforeSpan = document.createElement('span');
  496.             beforeSpan.textContent = '每';
  497.             beforeSpan.style.color = '#ffffff';
  498.             beforeSpan.style.fontSize = '12px';
  499.             beforeSpan.style.marginLeft = '4px';
  500.             beforeSpan.style.backgroundColor = '#ec6c1b';
  501.  
  502.             dmInput = document.createElement('input');
  503.             dmInput.value = default_timeout;
  504.             dmInput.style.width = '25px';
  505.             dmInput.style.height = '15px';
  506.             dmInput.style.margin = '0 3px';
  507.             dmInput.style.border = '0';
  508.             dmInput.style.borderRadius = '3px';
  509.             dmInput.setAttribute('oninput', "this.value = this.value.replace(/[^0-9]/g, '')");
  510.  
  511.             let afterSpan = document.createElement('span');
  512.             afterSpan.textContent = '秒发送';
  513.             afterSpan.style.color = '#ffffff';
  514.             afterSpan.style.fontSize = '12px';
  515.             afterSpan.style.backgroundColor = '#ec6c1b';
  516.             afterSpan.style.marginRight = '4px';
  517.  
  518.             let iElement = document.createElement('i');
  519.             iElement.classList.add('el-icon-setting');
  520.  
  521.             let btnSetting = document.createElement('button');
  522.             btnSetting.title = '设置';
  523.             btnSetting.classList.add('el-button');
  524.             btnSetting.classList.add('el-button--mini');
  525.             btnSetting.classList.add('is-circle');
  526.             btnSetting.addEventListener('click', openSetting);
  527.             btnSetting.appendChild(iElement);
  528.  
  529.             // let btnSetting = document.createElement('ion-icon');
  530.             // btnSetting.setAttribute('name', 'settings-sharp');
  531.             // btnSetting.classList.add('el-button');
  532.             // btnSetting.classList.add('el-button--mini');
  533.             // btnSetting.classList.add('is-circle');
  534.             // btnSetting.addEventListener('click', openSetting);
  535.  
  536.             let div = document.createElement('div');
  537.             div.style.position = 'absolute';
  538.             div.appendChild(dmButtonSend);
  539.             div.appendChild(beforeSpan);
  540.             div.appendChild(dmInput);
  541.             div.appendChild(afterSpan);
  542.             div.appendChild(btnSetting);
  543.             divButton.appendChild(div);
  544.             /* ----------------------------------------- function ----------------------------------------- */
  545.         },
  546.         removeElements = () => {
  547.             let loginTips = document.getElementById('switch-login-guide-vm');
  548.             if (loginTips)
  549.                 loginTips.style.setProperty('display', 'none', 'important');
  550.             else
  551.                 console.warn('=================> DOM id【switch-login-guide-vm】丢失');
  552.  
  553.             let haruna = document.getElementById('my-dear-haruna-vm');
  554.             if (haruna)
  555.                 haruna.style.setProperty('display', 'none', 'important');
  556.             else
  557.                 console.warn('=================> DOM id【my-dear-haruna-vm】丢失');
  558.         },
  559.         loadData = () => {
  560.             let obj = getGmValue(roomId, null);
  561.             if (obj) {
  562.                 if (source.version === obj.version) {
  563.                     source = obj;
  564.                     setGmValue(roomId, source);
  565.                 }
  566.                 else if (obj.version === 2) {
  567.                     source.data1 = obj.data1;
  568.                     source.data2 = obj.data2;
  569.                     source.data3 = obj.data3;
  570.                     source.data4 = obj.data4;
  571.                     source.data5 = obj.data5;
  572.                     setGmValue(roomId, source);
  573.                 } else {
  574.                     source.data1.values = obj.data1 ? obj.data1 : source.data1.values;
  575.                     source.data2.values = obj.data2 ? obj.data2 : source.data2.values;
  576.                     source.data3.values = obj.data3 ? obj.data3 : source.data3.values;
  577.                     source.data4.values = obj.data4 ? obj.data4 : source.data4.values;
  578.                     source.data5.values = obj.data5 ? obj.data5 : source.data5.values;
  579.                     setGmValue(roomId, source);
  580.                 }
  581.             }
  582.  
  583.             setCheckboxChecked();
  584.             dataText1.value = source.data1.values.join('|');
  585.             dataText2.value = source.data2.values.join('|');
  586.             dataText3.value = source.data3.values.join('|');
  587.             dataText4.value = source.data4.values.join('|');
  588.             dataText5.value = source.data5.values.join('|');
  589.             initData();
  590.         },
  591.         runStart = () => loadData();
  592.  
  593.     window.setGmNotice = setGmNotice;
  594.     window.setGmGetValue = setGmGetValue;
  595.     window.setGmSetValue = setGmSetValue;
  596.     window.setGmDelValue = setGmDelValue;
  597.     window.runStart = runStart;
  598.     window.arrayInfo = arrayInfo;
  599.     initCss();
  600.     window.addEventListener("load", () => {
  601.         let js = document.getElementById('version-' + frameworkVersion);
  602.         if (!js) {
  603.             setLoadedFlag(true);
  604.             setTimeout(() => {
  605.                 gmNotice({
  606.                     text: '当前脚本不是最新版，请更新再使用功能',
  607.                     title: '油猴脚本有更新，点击进行安装',
  608.                     image: noticeImageUrl,
  609.                     highlight: true,
  610.                     timeout: 120000,
  611.                     onclick: () => window.open(frameworkUrl, '_blank')
  612.                 });
  613.             }, 1000);
  614.             return;
  615.         }
  616.  
  617.         waiters[waiters.length] = setInterval(() => {
  618.             let divButton = document.getElementsByClassName('bottom-actions p-relative')[0];
  619.             if (divButton) {
  620.                 clearWaiters();
  621.                 buildPanel(divButton);
  622.                 setLoadedFlag(true);
  623.             } else {
  624.                 --waitCount;
  625.                 if (0 >= waitCount) {
  626.                     setLoadedFlag(true);
  627.                     clearWaiters();
  628.                     // console.error('没能找到发送按钮的所属元素');
  629.                     gmNotice({
  630.                         text: '没能找到发送按钮的所属元素，请刷新重试',
  631.                         title: '加载错误，点击刷新页面',
  632.                         image: noticeImageUrl,
  633.                         highlight: true,
  634.                         timeout: noticeTimeout,
  635.                         onclick: () => location.reload()
  636.                     });
  637.                 }
  638.             }
  639.         }, 1500);
  640.  
  641.         removeElements();
  642.         signIn();
  643.     });
  644. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

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