☰

H2P: utils

utils

目前为 2020-09-13 提交的版本。查看 最新版本。

此脚本不应直接安装，它是一个供其他脚本使用的外部库。如果您需要使用该库，请在脚本元属性加入：// @require https://update.cn-greasyfork.org/scripts/411278/847392/H2P%3A%20utils.js 

  1. // ==UserScript==
  2. // @name        H2P: utils
  3. // @namespace   http://tampermonkey.net/
  4. // @version     0.0.6
  5. // @icon        http://www.douyutv.com/favicon.ico
  6. // @description utils
  7. // @author      H2P
  8. // @compatible  chrome
  9. // ==/UserScript==
  10.  
  11. ((w) => {
  12.   'use strict';
  13.  
  14.   /**
  15.    * 在字符串前（后）添加 0
  16.    * @param {String} s
  17.    * @param {Number} len 
  18.    * @param {Boolean} isAddFront 
  19.    */
  20.   function add0(s = '', len = 0, isAddFront = true) {
  21.     s = s.toString();
  22.     while (s.length < len) { s = isAddFront ? '0' + s : s + '0'; }
  23.     return s;
  24.   }
  25.  
  26.   w.$util = (() => {
  27.     function Util() {
  28.       /**
  29.        * 返回毫秒
  30.        * @param {Number} num 
  31.        */
  32.       this.timeMS = (num = 0) => {
  33.         num = Number.parseInt(num);
  34.         return num < 946684800000 ? num * 1000 : num;
  35.       }
  36.   
  37.       /**
  38.        * localStorage 相关操作
  39.        */
  40.       function LS() {
  41.         this.init = (itemKey = '', itemPre = {}) => {
  42.           let item = Object.assign({}, itemPre, this.get(itemKey));
  43.           for (let key in item) { if (!(key in itemPre)) { delete item[key]; } }
  44.           localStorage.removeItem(itemKey);
  45.           localStorage.setItem(itemKey, JSON.stringify(item));
  46.           return item;
  47.         }
  48.         this.set = (itemKey = '', item = {}) => { localStorage.setItem(itemKey, JSON.stringify(item)); },
  49.         this.get = (itemKey = '') => JSON.parse(localStorage.getItem(itemKey)) || {},
  50.         this.remove = (itemKey = '') => { localStorage.removeItem(itemKey); }
  51.       }
  52.       this.LS = new LS();
  53.   
  54.       this.HMS = (time = 0) => {
  55.         time = this.timeMS(time);
  56.         let h = Number.parseInt(time / 3600000);
  57.         let m = Number.parseInt(time % 3600000 / 60000);
  58.         let s = Number.parseInt(time % 3600000 % 60000 / 1000);
  59.         return {
  60.           h: add0(h, 2),
  61.           m: add0(m, 2),
  62.           s: add0(s, 2),
  63.         }
  64.       }
  65.     }
  66.     return new Util();
  67.   })();
  68.  
  69.   // return millisecond
  70.   Date.prototype.$timems = Date.prototype.getTime;
  71.   // return second
  72.   Date.prototype.$times = function() { return Number.parseInt(this.getTime() / 1000); }
  73.   // format time: yyyy-MM-dd hh-mm-ss
  74.   Date.prototype.$formatTime = function() { return `${this.getFullYear()}-${add0(this.getMonth() + 1, 2)}-${add0(this.getDate(), 2)} ${add0(this.getHours(), 2)}:${add0(this.getMinutes(), 2)}:${add0(this.getSeconds(), 2)}`; }
  75.   // format date: yyyy-MM-dd
  76.   Date.prototype.$formatDate = function() { return `${this.getFullYear()}-${add0(this.getMonth() + 1, 2)}-${add0(this.getDate(), 2)}`; } 
  77.  
  78.   /**
  79.    * 根据 xpath 查询元素
  80.    * @param {String} xpath 
  81.    * @param {Boolean} queryOneElement 
  82.    */
  83.   w.$H2P = (xpath = 'body', queryOneElement = true) => queryOneElement ? document.querySelector(xpath) : Array.from(document.querySelectorAll(xpath));
  84.  
  85.  
  86.  
  87.  
  88.  
  89.  
  90.  
  91.   
  92. // ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ //
  93. // 
  94. //                                                              通知栏
  95. // 
  96. // ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ //
  97.  
  98.   const notifyType = {
  99.     default: {
  100.       bgColor: '#e6ffff',
  101.       bdColor: '#23bdd9'
  102.     },
  103.     success: {
  104.       bgColor: '#f6ffec',
  105.       bdColor: '#53752d'
  106.     },
  107.     warn: {
  108.       bgColor: '#fefbe6',
  109.       bdColor: '#fdc446'
  110.     },
  111.     error: {
  112.       bgColor: '#fff0ef',
  113.       bdColor: '#e75252'
  114.     }
  115.   }
  116.  
  117.   w.$notifyMgr = (() => {
  118.     const style_notify = document.createElement('style');
  119.     style_notify.id = 'h2p-style-notify';
  120.     style_notify.innerHTML = `
  121.       #h2p-div-notify-container {
  122.         position: fixed;
  123.         width: 280px;
  124.         bottom: 20px;
  125.         left: 20px;
  126.         overflow: hidden;
  127.         z-index: 9999;
  128.       }
  129.  
  130.       .h2p-div-notify-item {
  131.         position: relative;
  132.         width: 250px;
  133.         height: 25px;
  134.         right: -280px;
  135.         padding: 9px 13px;
  136.         margin: 6px 0;
  137.         border: 1px solid;
  138.         border-radius: 5px;
  139.         display: flex;
  140.         align-items: center;
  141.         transition: left 1.5s, right 1.5s;
  142.       }
  143.  
  144.       .h2p-div-notify-item-in {
  145.         right: 0;
  146.       }
  147.  
  148.       .h2p-div-notify-close {
  149.         position: absolute;
  150.         top: 15px;
  151.         right: 20px;
  152.         cursor: pointer;
  153.       }
  154.  
  155.       .h2p-div-notify-close::before, .h2p-div-notify-close::after {
  156.         position: absolute;
  157.         content: '';
  158.         width: 12px;
  159.         height: 2px;
  160.         background: chocolate;
  161.       }
  162.  
  163.       .h2p-div-notify-close::before {
  164.         transform: rotate(45deg);
  165.       }
  166.       .h2p-div-notify-close::after {
  167.         transform: rotate(-45deg);
  168.       }
  169.     `;
  170.     document.body.appendChild(style_notify);
  171.  
  172.     const div_notify = document.createElement('div');
  173.     div_notify.id = 'h2p-div-notify-container';
  174.     document.body.appendChild(div_notify);
  175.  
  176.     const Notify = function() {
  177.       this.createNotify = ({ msg = '', type = notifyType.default, autoClose = true }) => {
  178.         const ran = Math.floor(Math.random() * 100000000);
  179.         const div_notify_item = document.createElement('div');
  180.         div_notify_item.id = `h2p-div-notify-${ran}`;
  181.         div_notify_item.classList.add('h2p-div-notify-item');
  182.         div_notify_item.style.backgroundColor = type.bgColor;
  183.         div_notify_item.style.borderColor = type.bdColor;
  184.         div_notify_item.innerHTML = msg;
  185.         $H2P('div#h2p-div-notify-container').appendChild(div_notify_item);
  186.  
  187.         const div_notify_item_close = document.createElement('div');
  188.         div_notify_item_close.id = `h2p-div-notify-close-${ran}`;
  189.         div_notify_item_close.classList.add('h2p-div-notify-close');
  190.         div_notify_item_close.addEventListener('click', (e) => { this.closeNotify(`h2p-div-notify-${e.target.id.match(/[a-zA-Z\-]*(\d+)[a-zA-Z\-]*/g)[1]}`); })
  191.         $H2P('div#h2p-div-notify-container').appendChild(div_notify_item_close);
  192.  
  193.         setTimeout((id) => {
  194.           // 显示通知栏
  195.           $H2P(`#${id}`).classList.add('h2p-div-notify-item-in');
  196.           autoClose && setTimeout(this.closeNotify, 4000, id);
  197.         }, 100, div_notify_item.id);
  198.       }
  199.  
  200.       this.closeNotify = (id = '') => {
  201.         $H2P(`#${id}`).classList.remove('h2p-div-notify-item-in');
  202.         setTimeout(() => {
  203.           $H2P('div#h2p-div-notify-container').removeChild($H2P(`#${id}`));
  204.         }, 1500);
  205.       }
  206.     }
  207.     return new Notify();
  208.   })();
  209. })(window);