铁铁们看看这代码有什么问题

    <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>

整体来说,效果还是可以的,不过输出过程中会出现< 虽然直接消失了,但是会闪一下,是这个问题吗?