<div>
<p id="wenbenshuchu" style="display: none;">
亲爱的你<br/>又是一年中秋佳节,在此我们祝贺您,中秋快乐阖家欢乐<br/> <bdo style="float: right;">END</bdo>
</p>
</div>
<div class="box1">
<p id="like"></p>
</div>
<img src="img/p4/4-2.png" class="anniu" id="zhuan" style="left: 16%;"/>
</div>
<script type="text/javascript">
var zui = document.getElementById('wenbenshuchu'),
likes = document.getElementById('like'),
i=0,
shie = setInterval(function(){
likes.innerHTML = zui.innerHTML.substring(0,i);
i++;
if(likes.innerHTML == zui.innerHTML){
clearInterval(shie);
}
},250)
</script>
整体来说,效果还是可以的,不过输出过程中会出现< 虽然直接消失了,但是会闪一下,是这个问题吗?