virgule(target, context, speed);

<script src="https://ravelloh.github.io/virgule.js/virgule.js"></script>

// Author:RavelloH
// LICENCE: MIT
// Repo src: github.com/RavelloH/virgule.js
randArrMin = ["A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","0","1","2","3","4","5","6","7","8","9"];
randArr = ["あ","ぃ","い","ぅ","う","ぇ","え","ぉ","お","か","が","き","ぎ","く","ぐ","け","げ","こ","ご","さ","ざ","し","じ","す","ず","せ","ぜ","そ","ぞ","た","だ","ち","ぢ","っ","つ","づ","て","で","と","ど","な","に","ぬ","ね","の","は","ば","ぱ","ひ","び","ぴ","ふ","ぶ","ぷ","へ","べ","ぺ","ほ","ぼ","ぽ","ま","み","む","め","も","ゃ","や","ゅ","ゆ","ょ","よ","ら","り","る","れ","ろ","ゎ","わ","ゐ","ゑ","を","ん","ゔ","ゕ","ゖ","ァ","ア","ィ","イ","ゥ","ウ","ェ","エ","ォ","オ","カ","ガ","キ","ギ","ク","グ","ケ","ゲ","コ","ゴ","サ","ザ","シ","ジ","ス","ズ","セ","ゼ","ソ","ゾ","タ","ダ","チ","ヂ","ッ","ツ","ヅ","テ","デ","ト","ド","ナ","ニ","ヌ","ネ","ノ","ハ","バ","パ","ヒ","ビ","ピ","フ","ブ","プ","ヘ","ベ","ペ","ホ","ボ","ポ","マ","ミ","ム","メ","モ","ャ","ヤ","ュ","ユ","ョ","ヨ","ラ","リ","ル","レ","ロ","ヮ","ワ","ヰ","ヱ","ヲ","ン","ヴ","ヵ","ヶ","ヷ","ヸ","ヹ","ヺ","ー","ヾ","ㄅ","ㄆ","ㄇ","ㄈ","ㄉ","ㄊ","ㄋ","ㄌ","ㄍ","ㄎ","ㄏ","ㄐ","ㄑ","ㄒ","ㄓ","ㄔ","ㄕ","ㄖ","ㄗ","ㄘ","ㄙ","ㄝ","ㄞ","ㄟ","ㄠ","ㄡ","ㄢ","ㄣ","ㄤ","ㄥ","ㄦ","ㄧ","ㄨ","ㄩ","〇","口","甲","乙","丙","丁","戊","己","庚","辛","壬","癸",];

function virgule(target, context, speed = 100) {
    //context重组
    contextArr = [];
    for (var i = 0; i < context.length; i++) {
        contextArr.push(context[i])
    }
    // 添加/
    target.innerHTML = "";
    numVirgule = 0
    var virgulegenerate = setInterval(
        function() {
            // 字符划分
            if (escape(contextArr[numVirgule]).indexOf("%u") < 0) {
if (contextArr[numVirgule] == ' ') {
    target.innerHTML += ' '
} else {
    target.innerHTML += '/'
}
            } else {
target.innerHTML += '//'
            }
            numVirgule += 1
            if (numVirgule > context.length) {
clearInterval(virgulegenerate);
target.innerHTML = target.innerHTML.slice(0, target.innerHTML.length-1)
setTimeout(function() {
    textIn()}, 100)
            }
        },
        1000/speed)

    // 文字进入
    numIn = 0;
    numCharacter = 0;
    function textIn() {
        originText = target.innerHTML;
        var virgulereplace = setInterval(
            function() {
numIn += 1
if (numIn >= contextArr.length) {
    clearInterval(virgulereplace)
    textwrite()
}
cacheText = ''
numCharacter = 0
for (i = 0; i < numIn; i++) {
    if (escape(contextArr[i]).indexOf("%u") < 0) {
        if (contextArr[i] == ' ') {
            cacheText += ' '
            numCharacter += 1
        } else {
            //单字符
            var rand = Math.floor(Math.random() * randArrMin.length);
            cacheText += randArrMin[rand]
            numCharacter += 1
        }
    } else {
        // 双字符
        var rand = Math.floor(Math.random() * randArr.length);
        cacheText += randArr[rand]
        numCharacter += 2
    }
}
target.innerHTML = cacheText + originText.slice(numCharacter, originText.length)
            },
            2000/speed)

        // 原始文字写入
        numWrite = 0
        function textwrite() {
            originText = target.innerHTML;
            var virgulewrite = setInterval(
function() {
    numWrite += 1
    if (numWrite >= contextArr.length) {
        clearInterval(virgulewrite)
    }
    cacheText = ''
    numCharacter = 0
    for (i = 0; i < numIn; i++) {
        if (escape(contextArr[i]).indexOf("%u") < 0) {
            if (contextArr[i] == ' ') {
cacheText += ' '
numCharacter += 1
            } else {
//单字符
var rand = Math.floor(Math.random() * randArrMin.length);
cacheText += randArrMin[rand]
numCharacter += 1
            }
        } else {
            // 双字符
            var rand = Math.floor(Math.random() * randArr.length);
            cacheText += randArr[rand]
            numCharacter += 2
        }
    }
    target.innerHTML = context.slice(0, numWrite) + cacheText.slice(numWrite, cacheText.length) + originText.slice(numCharacter, originText.length)
},
2000/speed)

        }
    }
}

virgule(target,context,speed) //target context必填，speed可选填，默认100
//example:
virgule(document.getElementById('jumping'), 'Place the text you want as the result here',100)
//对文档中一个id为jumping的元素使用virgule效果，目标文字是"Place the text you want as the result here"，速度为100