☰

Vibrate Simulator

让没有震动的设备模拟震动效果

// ==UserScript==
// @name         Vibrate Simulator
// @namespace    https://qinlili.bid
// @version      0.1
// @description  让没有震动的设备模拟震动效果
// @author       琴梨梨
// @match        *://*/*
// @grant        none
// @run-at       document-body
// ==/UserScript==

(function() {
    'use strict';

    const sleep = delay => new Promise((resolve) => setTimeout(resolve, delay))
    var css = "@keyframes shake {  10%, 90% { transform: translate3d(-1px, 0, 0); }   20%, 80% { transform: translate3d(+2px, 0, 0); }  30%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(+4px, 0, 0); }50% { transform: translate3d(-4px, 0, 0); }}";
    var style = document.createElement('style');
    if (style.styleSheet) {
        style.styleSheet.cssText = css;
    } else {
        style.appendChild(document.createTextNode(css));
    }
    document.getElementsByTagName('head')[0].appendChild(style);
    let needBreak=false
    navigator.vibrate=async time=>{
        if(time==0){
            document.body.style.animation=""
            needBreak=true
        }else{
            if(time.length){
                for(let num=0;time[num];num=num+2){
                    if(needBreak){
                        needBreak=false;
                        break;
                    }
                    document.body.style.animation="shake "+time[num]+"ms ease-in-out"
                    await sleep(time[num])
                    document.body.style.animation=""
                    await sleep(time[num+1])
                }
            }else{
                document.body.style.animation="shake "+time+"ms ease-in-out"
                setTimeout(()=>{document.body.style.animation=""},time)
            }
        }
    }
})();