ランダムな文字が自動で入力されていくJavaScript


文字が自動でランダムに入力されていくJavaScriptのご紹介です。

以下がコードサンプルになります。

▼JavaScript

document.getElementById("start").onclick = function () {
        function randomString(elmId, wordCount) {
            var elm = document.getElementById(elmId);
            var str = "! #$%&abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
            var strLength = str.length;
            var innerStr = "";
            var timer = setInterval(function () {
                if (innerStr.length < wordCount) {
                    innerStr += str[~~(Math.random() * strLength)];
                    elm.innerHTML = innerStr;
                } else {
                    clearInterval(timer);
                }
            }, 10);
        }
        randomString("sent", 800);
    }

▼CSS

#sent{
    color: #fff;
    font-family: Consolas,"Courier New",Courier,Monaco,monospace;
    padding: 16px;
    width: 80%;
    height: auto;
    margin: 0 auto;
    word-wrap: break-word;
}

▼HTML

今回、参考にさせていただいたのは、

q-Az』さんです。
ありがとうございます。

デモページは、こちら