html页面显示文字问题：文字一个一个显示，并每一行显示一句话。

Question

问题遇到的现象和发生背景

html页面显示文字问题：文字一个一个显示，并每一行显示一句话。

用代码块功能插入代码，请勿粘贴截图

Answer 1

    <div class="word">
        <div id="wLeft">
          左边的文字，左边的文字。
          左边的文字，左边的文字。
          左边的文字，左边的文字。
        </div>
        <div>右边文字右边文字右边文字</div>
    </div>
    <script>
        +function () {
            var wLeft = document.querySelector('#wLeft');
            var s = wLeft.innerText.trim(), l = s.length, cur = 1;
            wLeft.innerHTML = '';
            var delay = 500;//500ms打印一个字，要加快或者放慢速度改这里，单位毫秒
            var t=setInterval(function() {
                wLeft.innerHTML = s.substr(0, cur).replace(/。/g,'。<br/>');
                cur++;
                //结束，清除计时器
                if (cur > l) clearInterval(t)
            }, delay);
        }();
    </script>