☰

b-live-random-send-诗词

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

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

此脚本不应直接安装。它是供其他脚本使用的外部库，要使用该库请加入元指令 // @require https://update.cn-greasyfork.org/scripts/447936/1073614/b-live-random-send-%E8%AF%97%E8%AF%8D.js 

  1. // ==UserScript==
  2. // @name            b-live-random-send-诗词
  3. // @description     定时从设置的字幕中随机取出一条在B站直播间发送，需先登录B站账号
  4. // @author          Gamyou
  5. // @version         1.2.5
  6. // @note            22-07-24 1.2.5 增加分组启用按钮，并优化设置面板样式
  7. // @note            22-07-23 1.2.4 修复弹幕分组数据都为空时，旧数据重复合并的BUG
  8. // @note            22-07-16 1.2.3 修复设置弹幕时旧（初始）数据没有清空的BUG
  9. // @note            22-06-24 1.2.2 优化部分代码
  10. // @note            22-06-20 1.2.1 修复定时停止不能再开始的BUG
  11. // @note            22-06-19 1.2.0 添加弹幕设置功能
  12. // ==/UserScript==
  13.  
  14.  
  15. (function () {
  16.     window.autoSendDanmuModuleLoaded = false;
  17.     let source = {
  18.         version: 2,
  19.         random: true,
  20.         data1: { available: true, values: ['绿豆', '红豆', '黄豆', '蓝猫'] },
  21.         data2: { available: true, values: ['红', '接天莲叶无穷碧，映日荷花别样红。'] },
  22.         data3: { available: true, values: ['黄', '儿童急走追黄蝶，飞入菜花无处寻。'] },
  23.         data4: { available: true, values: ['蓝', '沧海月明珠有泪，蓝田日暖玉生烟。'] },
  24.         data5: { available: true, values: ['绿', '惟有绿荷红菡萏，卷舒开合任天真。'] }
  25.     };
  26.     let waiters = [], data = [], timer = null, signInContent = '签到';
  27.     let storeDataCallback = (obj) => { }, removeDataCallback = (obj) => { };
  28.     let count = 0, lastSent = 0, arrayIndex = 0, default_timeout = 600;
  29.     let rdCheckbox, group1Checkbox, group2Checkbox, group3Checkbox, group4Checkbox, group5Checkbox;
  30.     let dmButtonSend, dmInput, divSetting, dataText1, dataText2, dataText3, dataText4, dataText5, spanApplyTip;
  31.     const waitCount = 10,
  32.         initCss = () => {
  33.             let linkElement = document.createElement('link');
  34.             linkElement.rel = 'stylesheet';
  35.             linkElement.href = 'https://unpkg.com/element-ui@2.15.9/lib/theme-chalk/index.css';
  36.             document.head.appendChild(linkElement);
  37.  
  38.             // 图标库 https://ionic.io/ionicons
  39.             // let scriptElement = document.createElement('script');
  40.             // scriptElement.src = 'https://unpkg.com/ionicons@5.5.2/dist/ionicons.js';
  41.             // document.head.appendChild(scriptElement);
  42.  
  43.             let customerStyle = document.createElement('style');
  44.             customerStyle.setAttribute('type', 'text/css');
  45.             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;}';
  46.             document.head.appendChild(customerStyle);
  47.         },
  48.         getCurrentTimestamp = () => new Date().getTime(),
  49.         send = (msg, index) => {
  50.             let dmTextArea = document.getElementById('aside-area-vm').getElementsByClassName('chat-input border-box')[0];
  51.             if (!dmTextArea) {
  52.                 alert('找不到输入弹幕文本框，请尝试刷新页面');
  53.                 return;
  54.             }
  55.  
  56.             let btnSend = document.getElementsByClassName('bl-button live-skin-highlight-button-bg live-skin-button-text bl-button--primary bl-button--small')[0];
  57.             if (!btnSend) {
  58.                 alert('找不到发送按钮，请尝试刷新页面');
  59.                 return;
  60.             }
  61.             // if (getCurrentTimestamp() - lastSent < 5000) {
  62.             //     setTimeout(() => send(msg, index), 5000);
  63.             //     console.log('++++++++++++++++++++++> 发送间隔少于5秒，进入递归处理 <++++++++++++++++++++++');
  64.             // } else {
  65.             dmTextArea.value = msg;
  66.             // 定义事件, 定义才可发送
  67.             dmTextArea.dispatchEvent(new Event('input', { "bubbles": true, "cancelable": true }));
  68.             btnSend.click();
  69.             lastSent = getCurrentTimestamp();
  70.             ++count;
  71.             console.log('=================> ' + new Date().toLocaleString() + ' 弹幕发送成功 ' + count + ' 次，第【' + index + '】条数据 === ' + msg);
  72.             // }
  73.         },
  74.         isNull = (str) => {
  75.             if (!str || str == "")
  76.                 return true;
  77.  
  78.             let regu = "^[ ]+$";
  79.             let re = new RegExp(regu);
  80.             return re.test(str);
  81.         },
  82.         randomSort = (arr) => {
  83.             for (let i = 0; i < arr.length; i++) {
  84.                 const rdIndex = Math.floor(Math.random() * arr.length);
  85.                 const temp = arr[i];
  86.                 arr[i] = arr[rdIndex];
  87.                 arr[rdIndex] = temp;
  88.             }
  89.  
  90.             return arr;
  91.         },
  92.         clearWaiters = () => {
  93.             for (let i = 0; i < waiters.length; i++) {
  94.                 clearInterval(waiters[i]);
  95.                 waiters[i] = null;
  96.             }
  97.  
  98.             waiters = [];
  99.         },
  100.         signIn = () => {
  101.             let timestamp = new Date(new Date(new Date().setDate(new Date().getDate() + 1)).toDateString()).getTime() - getCurrentTimestamp();
  102.             console.log('=================> 设置第二天凌晨签到定时器【' + timestamp + '】');
  103.             setTimeout(() => {
  104.                 send(signInContent, 0);
  105.                 console.log('++++++++++++++++++++++> 完成签到发送，进入下一轮递归签到发送 <++++++++++++++++++++++');
  106.                 signIn();
  107.             }, timestamp);
  108.         },
  109.         // selectRandom = () => source.random = rdCheckbox.checked,
  110.         setCheckboxChecked = () => {
  111.             rdCheckbox.checked = source.random;
  112.             group1Checkbox.checked = source.data1.available;
  113.             group2Checkbox.checked = source.data2.available;
  114.             group3Checkbox.checked = source.data3.available;
  115.             group4Checkbox.checked = source.data4.available;
  116.             group5Checkbox.checked = source.data5.available;
  117.         },
  118.         openSetting = () => divSetting.style.display = 'block',
  119.         closeSetting = () => {
  120.             setCheckboxChecked();
  121.             divSetting.style.display = 'none';
  122.         },
  123.         initData = () => {
  124.             if (source.data1.values.length <= 0
  125.                 && source.data2.values.length <= 0
  126.                 && source.data3.values.length <= 0
  127.                 && source.data4.values.length <= 0
  128.                 && source.data5.values.length <= 0) {
  129.                 return data ? data : [];
  130.             }
  131.  
  132.             let result = [];
  133.             result = source.data1.available ? result.concat(source.data1.values) : result;
  134.             result = source.data2.available ? result.concat(source.data2.values) : result;
  135.             result = source.data3.available ? result.concat(source.data3.values) : result;
  136.             result = source.data4.available ? result.concat(source.data4.values) : result;
  137.             result = source.data5.available ? result.concat(source.data5.values) : result;
  138.             data = result;
  139.             source.random ? data = randomSort(result) : arrayIndex = 0;
  140.         },
  141.         applySetting = () => {
  142.             source.data1.values = isNull(dataText1.value) ? [] : dataText1.value.split('|');
  143.             source.data2.values = isNull(dataText2.value) ? [] : dataText2.value.split('|');
  144.             source.data3.values = isNull(dataText3.value) ? [] : dataText3.value.split('|');
  145.             source.data4.values = isNull(dataText4.value) ? [] : dataText4.value.split('|');
  146.             source.data5.values = isNull(dataText5.value) ? [] : dataText5.value.split('|');
  147.             source.random = rdCheckbox.checked;
  148.             source.data1.available = group1Checkbox.checked;
  149.             source.data2.available = group2Checkbox.checked;
  150.             source.data3.available = group3Checkbox.checked;
  151.             source.data4.available = group4Checkbox.checked;
  152.             source.data5.available = group5Checkbox.checked;
  153.             initData();
  154.             storeDataCallback(source);
  155.             spanApplyTip.style.display = 'block';
  156.             setTimeout(() => {
  157.                 spanApplyTip.style.display = 'none';
  158.             }, 1500);
  159.         },
  160.         danmu = () => {
  161.             if (data.length < 1) {
  162.                 alert('请任意在一个分组里输入一条弹幕');
  163.                 return;
  164.             }
  165.             if (source.random)
  166.                 arrayIndex = Math.floor((Math.random() * data.length));
  167.  
  168.             send(data[arrayIndex], arrayIndex);
  169.             ++arrayIndex;
  170.             if (arrayIndex >= data.length)
  171.                 arrayIndex = 0;
  172.         },
  173.         offOrOn = () => {
  174.             let timeout = 0;
  175.             if (timer) {
  176.                 console.log('=================> ' + new Date().toLocaleString() + ' 停止发送弹幕');
  177.                 clearInterval(timer);
  178.                 timer = null;
  179.                 console.log('=================> ' + new Date().toLocaleString() + ' 停止成功！！');
  180.                 dmButtonSend.style.background = 'rgba(217,157,27,1)';
  181.                 dmButtonSend.textContent = '开始';
  182.                 dmInput.removeAttribute("disabled");
  183.             } else {
  184.                 timeout = isNull(dmInput.value) ? default_timeout * 1000 : dmInput.value * 1000;
  185.                 danmu();
  186.                 console.log('=================> ' + new Date().toLocaleString() + ' 开启定时器');
  187.                 timer = setInterval(danmu, timeout);
  188.                 console.log('=================> ' + new Date().toLocaleString() + ' 开启成功！！');
  189.                 dmButtonSend.style.background = '#ff0000';
  190.                 dmButtonSend.textContent = '停止';
  191.                 dmInput.setAttribute('disabled', 'disabled');
  192.             }
  193.         },
  194.         pageFullyLoaded = () => {
  195.             let divButton = document.getElementsByClassName('bottom-actions p-relative')[0];
  196.             if (!divButton) {
  197.                 console.error('没能找到发送按钮上层的div');
  198.                 --waitCount;
  199.                 if (0 >= waitCount) {
  200.                     clearWaiters();
  201.                 }
  202.                 return;
  203.             }
  204.             clearWaiters();
  205.  
  206.             /* ----------------------------------------- head ----------------------------------------- */
  207.             let divSettingTitle = document.createElement('div');
  208.             divSettingTitle.textContent = '弹幕设置';
  209.             divSettingTitle.style.textAlign = 'center';
  210.             divSettingTitle.style.fontSize = '16px';
  211.             divSettingTitle.style.fontWeight = '700';
  212.             divSettingTitle.style.color = '#1c5adc';
  213.             divSettingTitle.style.lineHeight = '30px';
  214.  
  215.             let divTip = document.createElement('div');
  216.             divTip.style.color = '#0b81cc';
  217.             divTip.style.textAlign = 'center';
  218.             divTip.style.fontStyle = 'italic';
  219.             divTip.style.height = '25px';
  220.             divTip.innerHTML = '任一分组内输入弹幕即可，多条用<span style="color:#dc6b07;margin:0 2px 0 4px;font-weight:700;font-style:normal;">竖线</span>分隔';
  221.             /* ----------------------------------------- head ----------------------------------------- */
  222.  
  223.             /* ----------------------------------------- textarea 1 ----------------------------------------- */
  224.             let divText1 = document.createElement('div');
  225.             divText1.textContent = '分组 1 ：'
  226.             divText1.classList.add('danmu-group-title');
  227.  
  228.             group1Checkbox = document.createElement('input');
  229.             group1Checkbox.type = 'checkbox';
  230.             group1Checkbox.id = 'group1Checkbox';
  231.             group1Checkbox.checked = true;
  232.  
  233.             let lblGroup1Checkbox = document.createElement('label');
  234.             lblGroup1Checkbox.setAttribute('for', 'group1Checkbox');
  235.  
  236.             let divGroup1Checkbox = document.createElement('div');
  237.             divGroup1Checkbox.classList.add('danmu-group-check');
  238.             divGroup1Checkbox.appendChild(group1Checkbox);
  239.             divGroup1Checkbox.appendChild(lblGroup1Checkbox);
  240.  
  241.             dataText1 = document.createElement('textarea');
  242.             dataText1.classList.add('danmu-group-textarea');
  243.             dataText1.setAttribute('placeholder', '请输入弹幕，多条弹幕请用“|”分隔');
  244.             /* ----------------------------------------- textarea 1 ----------------------------------------- */
  245.  
  246.             /* ----------------------------------------- textarea 2 ----------------------------------------- */
  247.             let divText2 = document.createElement('div');
  248.             divText2.textContent = '分组 2 ：'
  249.             divText2.classList.add('danmu-group-title');
  250.  
  251.             group2Checkbox = document.createElement('input');
  252.             group2Checkbox.type = 'checkbox';
  253.             group2Checkbox.id = 'group2Checkbox';
  254.             group2Checkbox.checked = true;
  255.  
  256.             let lblGroup2Checkbox = document.createElement('label');
  257.             lblGroup2Checkbox.setAttribute('for', 'group2Checkbox');
  258.  
  259.             let divGroup2Checkbox = document.createElement('div');
  260.             divGroup2Checkbox.classList.add('danmu-group-check');
  261.             divGroup2Checkbox.appendChild(group2Checkbox);
  262.             divGroup2Checkbox.appendChild(lblGroup2Checkbox);
  263.  
  264.             dataText2 = document.createElement('textarea');
  265.             dataText2.classList.add('danmu-group-textarea');
  266.             dataText2.setAttribute('placeholder', '请输入弹幕，多条弹幕请用“|”分隔');
  267.             /* ----------------------------------------- textarea 2 ----------------------------------------- */
  268.  
  269.             /* ----------------------------------------- textarea 3 ----------------------------------------- */
  270.             let divText3 = document.createElement('div');
  271.             divText3.textContent = '分组 3 ：'
  272.             divText3.classList.add('danmu-group-title');
  273.  
  274.             group3Checkbox = document.createElement('input');
  275.             group3Checkbox.type = 'checkbox';
  276.             group3Checkbox.id = 'group3Checkbox';
  277.             group3Checkbox.checked = true;
  278.  
  279.             let lblGroup3Checkbox = document.createElement('label');
  280.             lblGroup3Checkbox.setAttribute('for', 'group3Checkbox');
  281.  
  282.             let divGroup3Checkbox = document.createElement('div');
  283.             divGroup3Checkbox.classList.add('danmu-group-check');
  284.             divGroup3Checkbox.appendChild(group3Checkbox);
  285.             divGroup3Checkbox.appendChild(lblGroup3Checkbox);
  286.  
  287.             dataText3 = document.createElement('textarea');
  288.             dataText3.classList.add('danmu-group-textarea');
  289.             dataText3.setAttribute('placeholder', '请输入弹幕，多条弹幕请用“|”分隔');
  290.             /* ----------------------------------------- textarea 3 ----------------------------------------- */
  291.  
  292.             /* ----------------------------------------- textarea 4 ----------------------------------------- */
  293.             let divText4 = document.createElement('div');
  294.             divText4.textContent = '分组 4 ：'
  295.             divText4.classList.add('danmu-group-title');
  296.  
  297.             group4Checkbox = document.createElement('input');
  298.             group4Checkbox.type = 'checkbox';
  299.             group4Checkbox.id = 'group4Checkbox';
  300.             group4Checkbox.checked = true;
  301.  
  302.             let lblGroup4Checkbox = document.createElement('label');
  303.             lblGroup4Checkbox.setAttribute('for', 'group4Checkbox');
  304.  
  305.             let divGroup4Checkbox = document.createElement('div');
  306.             divGroup4Checkbox.classList.add('danmu-group-check');
  307.             divGroup4Checkbox.appendChild(group4Checkbox);
  308.             divGroup4Checkbox.appendChild(lblGroup4Checkbox);
  309.  
  310.             dataText4 = document.createElement('textarea');
  311.             dataText4.classList.add('danmu-group-textarea');
  312.             dataText4.setAttribute('placeholder', '请输入弹幕，多条弹幕请用“|”分隔');
  313.             /* ----------------------------------------- textarea 4 ----------------------------------------- */
  314.  
  315.             /* ----------------------------------------- textarea 5 ----------------------------------------- */
  316.             let divText5 = document.createElement('div');
  317.             divText5.textContent = '分组 5 ：'
  318.             divText5.classList.add('danmu-group-title');
  319.  
  320.             group5Checkbox = document.createElement('input');
  321.             group5Checkbox.type = 'checkbox';
  322.             group5Checkbox.id = 'group5Checkbox';
  323.             group5Checkbox.checked = true;
  324.  
  325.             let lblGroup5Checkbox = document.createElement('label');
  326.             lblGroup5Checkbox.setAttribute('for', 'group5Checkbox');
  327.  
  328.             let divGroup5Checkbox = document.createElement('div');
  329.             divGroup5Checkbox.classList.add('danmu-group-check');
  330.             divGroup5Checkbox.appendChild(group5Checkbox);
  331.             divGroup5Checkbox.appendChild(lblGroup5Checkbox);
  332.  
  333.             dataText5 = document.createElement('textarea');
  334.             dataText5.classList.add('danmu-group-textarea');
  335.             dataText5.setAttribute('placeholder', '请输入弹幕，多条弹幕请用“|”分隔');
  336.             /* ----------------------------------------- textarea 5 ----------------------------------------- */
  337.  
  338.             /* ----------------------------------------- random chackbox ----------------------------------------- */
  339.             let descCheckbox = document.createElement('span');
  340.             descCheckbox.textContent = '随机';
  341.             descCheckbox.title = '将合并所有分组数据，从中随机选出一条发送';
  342.             descCheckbox.style.fontSize = '16px';
  343.             descCheckbox.style.verticalAlign = 'middle';
  344.             descCheckbox.style.marginRight = '4px';
  345.             descCheckbox.style.color = '#095ca2';
  346.             descCheckbox.style.cursor = 'help';
  347.  
  348.             rdCheckbox = document.createElement('input');
  349.             rdCheckbox.type = 'checkbox';
  350.             rdCheckbox.id = 'rdmCheckbox';
  351.             rdCheckbox.checked = true;
  352.             // rdCheckbox.addEventListener('click', selectRandom);
  353.  
  354.             let lblCheckbox = document.createElement('label');
  355.             lblCheckbox.setAttribute('for', 'rdmCheckbox');
  356.  
  357.             let divCheckbox = document.createElement('div');
  358.             divCheckbox.classList.add('random-check');
  359.             divCheckbox.style.marginLeft = '10px';
  360.             divCheckbox.appendChild(descCheckbox);
  361.             divCheckbox.appendChild(rdCheckbox);
  362.             divCheckbox.appendChild(lblCheckbox);
  363.             /* ----------------------------------------- random chackbox ----------------------------------------- */
  364.  
  365.             /* ----------------------------------------- div tip ----------------------------------------- */
  366.             spanApplyTip = document.createElement('span');
  367.             spanApplyTip.textContent = '设置成功'
  368.             spanApplyTip.style.fontSize = '16px';
  369.             spanApplyTip.style.color = '#128712';
  370.             spanApplyTip.style.display = 'none';
  371.  
  372.             let divApplyTip = document.createElement('div');
  373.             divApplyTip.style.textAlign = 'center';
  374.             divApplyTip.style.display = 'inline-block';
  375.             divApplyTip.style.verticalAlign = 'middle';
  376.             divApplyTip.style.width = '34%';
  377.             divApplyTip.appendChild(spanApplyTip);
  378.             /* ----------------------------------------- div tip ----------------------------------------- */
  379.  
  380.             /* ----------------------------------------- appley and close button ----------------------------------------- */
  381.             let btnApplySetting = document.createElement('i');
  382.             btnApplySetting.setAttribute('title', '应用');
  383.             btnApplySetting.classList.add('el-button');
  384.             btnApplySetting.classList.add('el-icon-check');
  385.             btnApplySetting.classList.add('is-circle');
  386.             btnApplySetting.addEventListener('click', applySetting);
  387.  
  388.             let btnCloseSetting = document.createElement('i');
  389.             btnCloseSetting.setAttribute('title', '关闭');
  390.             btnCloseSetting.classList.add('el-button');
  391.             btnCloseSetting.classList.add('el-icon-close');
  392.             btnCloseSetting.classList.add('is-circle');
  393.             btnCloseSetting.addEventListener('click', closeSetting);
  394.  
  395.             let divSettingButton = document.createElement('div');
  396.             divSettingButton.style.display = 'inline-block';
  397.             divSettingButton.style.verticalAlign = 'middle';
  398.             divSettingButton.appendChild(btnApplySetting);
  399.             divSettingButton.appendChild(btnCloseSetting);
  400.             /* ----------------------------------------- appley and close button ----------------------------------------- */
  401.  
  402.             /* ----------------------------------------- container ----------------------------------------- */
  403.             let divBottomContainer = document.createElement('div');
  404.             divBottomContainer.style.width = '100%';
  405.             divBottomContainer.style.lineHeight = '35px';
  406.             divBottomContainer.appendChild(divCheckbox);
  407.             divBottomContainer.appendChild(divApplyTip);
  408.             divBottomContainer.appendChild(divSettingButton);
  409.  
  410.             let divContainer = document.createElement('div');
  411.             divContainer.style.height = 'calc(98% - 30px - 25px)';
  412.             divContainer.appendChild(divText1);
  413.             divContainer.appendChild(divGroup1Checkbox);
  414.             divContainer.appendChild(dataText1);
  415.             divContainer.appendChild(divText2);
  416.             divContainer.appendChild(divGroup2Checkbox);
  417.             divContainer.appendChild(dataText2);
  418.             divContainer.appendChild(divText3);
  419.             divContainer.appendChild(divGroup3Checkbox);
  420.             divContainer.appendChild(dataText3);
  421.             divContainer.appendChild(divText4);
  422.             divContainer.appendChild(divGroup4Checkbox);
  423.             divContainer.appendChild(dataText4);
  424.             divContainer.appendChild(divText5);
  425.             divContainer.appendChild(divGroup5Checkbox);
  426.             divContainer.appendChild(dataText5);
  427.             divContainer.appendChild(divBottomContainer);
  428.             /* ----------------------------------------- container ----------------------------------------- */
  429.  
  430.             divSetting = document.createElement('div');
  431.             divSetting.style.backgroundColor = '#d4f2e0';
  432.             divSetting.style.borderRadius = '2px';
  433.             divSetting.style.width = '100%';
  434.             divSetting.style.height = '100%';
  435.             divSetting.style.overflowY = 'auto';
  436.             divSetting.style.position = 'absolute';
  437.             divSetting.style.left = '0';
  438.             divSetting.style.top = '0';
  439.             divSetting.style.zIndex = '999';
  440.             divSetting.style.display = 'none';
  441.             divSetting.appendChild(divSettingTitle);
  442.             divSetting.appendChild(divTip);
  443.             divSetting.appendChild(divContainer);
  444.  
  445.             let asideAreaVm = document.getElementById('aside-area-vm');
  446.             asideAreaVm.appendChild(divSetting);
  447.  
  448.             /* ----------------------------------------- function ----------------------------------------- */
  449.             dmButtonSend = document.createElement('button');
  450.             dmButtonSend.textContent = '开始';
  451.             dmButtonSend.style.minWidth = '65px';
  452.             dmButtonSend.style.height = '24px';
  453.             dmButtonSend.style.fontSize = '12px';
  454.             dmButtonSend.style.borderRadius = '4px';
  455.             dmButtonSend.style.color = '#ffffff';
  456.             dmButtonSend.style.background = 'rgba(217,157,27,1)';
  457.             dmButtonSend.style.border = '0';
  458.             dmButtonSend.style.cursor = 'pointer';
  459.             //dmButtonSend.onclick = function() { alert('Hello world');}
  460.             dmButtonSend.addEventListener('click', offOrOn);
  461.  
  462.             let beforeSpan = document.createElement('span');
  463.             beforeSpan.textContent = '每';
  464.             beforeSpan.style.color = '#ffffff';
  465.             beforeSpan.style.fontSize = '12px';
  466.             beforeSpan.style.marginLeft = '4px';
  467.             beforeSpan.style.backgroundColor = '#ec6c1b';
  468.  
  469.             dmInput = document.createElement('input');
  470.             dmInput.value = default_timeout;
  471.             dmInput.style.width = '25px';
  472.             dmInput.style.height = '15px';
  473.             dmInput.style.margin = '0 3px';
  474.             dmInput.style.border = '0';
  475.             dmInput.style.borderRadius = '3px';
  476.             dmInput.setAttribute('oninput', "this.value = this.value.replace(/[^0-9]/g, '')");
  477.  
  478.             let afterSpan = document.createElement('span');
  479.             afterSpan.textContent = '秒发送';
  480.             afterSpan.style.color = '#ffffff';
  481.             afterSpan.style.fontSize = '12px';
  482.             afterSpan.style.backgroundColor = '#ec6c1b';
  483.             afterSpan.style.marginRight = '4px';
  484.  
  485.             let iElement = document.createElement('i');
  486.             iElement.classList.add('el-icon-setting');
  487.  
  488.             let btnSetting = document.createElement('button');
  489.             btnSetting.title = '设置';
  490.             btnSetting.classList.add('el-button');
  491.             btnSetting.classList.add('el-button--mini');
  492.             btnSetting.classList.add('is-circle');
  493.             btnSetting.addEventListener('click', openSetting);
  494.             btnSetting.appendChild(iElement);
  495.  
  496.             // let btnSetting = document.createElement('ion-icon');
  497.             // btnSetting.setAttribute('name', 'settings-sharp');
  498.             // btnSetting.classList.add('el-button');
  499.             // btnSetting.classList.add('el-button--mini');
  500.             // btnSetting.classList.add('is-circle');
  501.             // btnSetting.addEventListener('click', openSetting);
  502.  
  503.             let div = document.createElement('div');
  504.             div.style.position = 'absolute';
  505.             div.appendChild(dmButtonSend);
  506.             div.appendChild(beforeSpan);
  507.             div.appendChild(dmInput);
  508.             div.appendChild(afterSpan);
  509.             div.appendChild(btnSetting);
  510.             divButton.appendChild(div);
  511.             /* ----------------------------------------- function ----------------------------------------- */
  512.  
  513.             window.autoSendDanmuModuleLoaded = true;
  514.         },
  515.         arrayInfo = () => console.info(data),
  516.         setDanmuData = (obj) => {
  517.             if (obj) {
  518.                 if (source.version === obj.version)
  519.                     source = obj;
  520.                 else {
  521.                     source.data1.values = obj.data1 ? obj.data1 : source.data1.values;
  522.                     source.data2.values = obj.data2 ? obj.data2 : source.data2.values;
  523.                     source.data3.values = obj.data3 ? obj.data3 : source.data3.values;
  524.                     source.data4.values = obj.data4 ? obj.data4 : source.data4.values;
  525.                     source.data5.values = obj.data5 ? obj.data5 : source.data5.values;
  526.                     storeDataCallback(source);
  527.                 }
  528.             }
  529.  
  530.             setCheckboxChecked();
  531.             dataText1.value = source.data1.values.join('|');
  532.             dataText2.value = source.data2.values.join('|');
  533.             dataText3.value = source.data3.values.join('|');
  534.             dataText4.value = source.data4.values.join('|');
  535.             dataText5.value = source.data5.values.join('|');
  536.             initData();
  537.         },
  538.         storeDanmuData = (cb) => storeDataCallback = cb,
  539.         removeDanmuData = (cb) => removeDataCallback = cb;
  540.  
  541.     initCss();
  542.     window.addEventListener("load", () => {
  543.         waiters[waiters.length] = setInterval(pageFullyLoaded, 1500);
  544.         window.arrayInfo = arrayInfo;
  545.         window.setDanmuData = setDanmuData;
  546.         window.storeDanmuData = storeDanmuData;
  547.         window.removeDanmuData = removeDanmuData;
  548.         signIn();
  549.     });
  550. })();