文字を一文字ずつ表示する

文字を一文字ずつ表示する

このサンプルでは100ミリ秒毎に div#area に1文字ずつ表示します

文字を一文字ずつ表示する
document.addEventListener('DOMContentLoaded', function(){
    var text   = "こんにちは、こちらは晴れです。";
    var area   = document.querySelector("div#area");
    var timing = 100;
    var i      = 0;

    !function typingText(){
        area.textContent = text.substring(0, ++i);
        if(i < text.length){ setTimeout(typingText, timing); }
    }();
});