<span id="demo" style="display:none">打字内容!打字内容!打字内容!打字内容!打字内容!打字内容!打字内容!打字内容!打字内容!打字内容!打字内容!打字内容!</span>

<script defer>

demo.style.display="block";

var text=demo.innerHTML;

var delay=300

//文字出现的时间间隔

var i=0

function scrollit(){

demo.innerText=text.slice(0,i++)+"|"

if(i>text.length){

i=0

//当 i 大于 text 的文本长度时,重设i为0，使文字重新从第一个文字出现

setTimeout("scrollit()",delay*10)

//延时执行scrollit()函数,delay*10是为了让显示完整文字的时间长一点

}

else setTimeout("scrollit()",delay)

//否则在delay毫秒后再次执行scrollit()函数

}

scrollit()

</script>