html页面显示文字问题：文字一个一个显示，并每一行显示一句话。
<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>