Mini_Toast

轻提示，友好提示

Verze ze dne 20. 03. 2024. Zobrazit nejnovější verzi.

Tento skript by neměl být instalován přímo. Jedná se o knihovnu, kterou by měly jiné skripty využívat pomocí meta příkazu // @require https://updategf.qytechs.cn/scripts/490343/1346128/Mini_Toast.js

Zeptejte se na otázku, přidejte recenzi nebo skript nahlašte.

Wrap lines

// ==UserScript==
// @name         Mini_Toast
// @version      1.0.2
// @description  轻提示，友好提示
// @author       Zosah
// ==/UserScript==

const toastHandler = {
    create: function () {
        var style = document.createElement('style');
        style.innerHTML = `
        @keyframes show {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }
        
        @keyframes hide {
            0% {
                opacity: 1;
            }
            100% {
                opacity: 0;
            }
        }
        
        .toast_box {
            position: absolute;
            bottom: 50%;
            left: 50%;
            z-index: 10;
            transform: translate(-50%, -50%);
            display: none;
        }
        
        .toast_box p {
            box-sizing: border-box;
            padding: 10px 20px;
            width: max-content;
            background: #707070;
            color: #fff;
            font-size: 16px;
            text-align: center;
            border-radius: 6px;
            opacity: 0.8;
        }
        
        .toliet {
            margin: 0 auto;
        }`;

        // 将样式添加到 head 元素中
        document.head.appendChild(style);

        // 创建提示框
        var toastBox = document.createElement('div');
        toastBox.className = 'toast_box';
        toastBox.style.display = 'none';

        var toastText = document.createElement('p');
        toastText.id = 'toast';
        toastBox.appendChild(toastText);

        // 将提示框添加到 body 元素中
        document.body.appendChild(toastBox);
    },
    showToast: function (text, time) {
        var toast = document.getElementById('toast');
        var toastBox = document.getElementsByClassName('toast_box')[0];
        toast.innerHTML = text;
        toastBox.style.animation = 'show 1.5s';
        toastBox.style.display = 'inline-block';
        setTimeout(function () {
            toastBox.style.animation = 'hide 1.5s';
            setTimeout(function () {
                toastBox.style.display = 'none';
            }, 1400);
        }, time);
    }
}

toastHandler.create()