看到一个外文网站,效果很好,正文的内容是逐个单词递增的，很有动态效果．大家谈谈如何实现呢？

Question

http://www.rajivsharma.com/
感觉很好，大家说说该效果如何实现呀？

Answer 1

<div id="show" style="display:none">
摘要: 在五祖弘忍讲授完《对象真经》之后的一天，他对众弟子们说：“经已讲完，想必尔等应该有所感悟，请各自写个偈子来看”。大弟子神秀是被大家公认为悟性最高的师兄，他的偈子写道：“身是对象树，心如类般明。朝朝勤拂拭，莫让惹尘埃！”。此偈一出，立即引起师兄弟们的轰动，大家都说写得太好了。只有火头僧慧能看后，轻轻地叹了口气，又随手在墙上写道：“对象本无根，类型亦无形。本来无一物，何处惹尘埃？”。然后摇了摇头，扬长而去。大家看了慧能的偈子都说：“写的什么乱七八糟的啊，看不懂”。师父弘忍看了神秀的诗偈也点头称赞，再看慧能的诗偈之后默然摇头。就在当天夜里，弘忍却悄悄把慧能叫到自己的禅房，将珍藏多年的软件真经传授于他，然后让他趁着月色连夜逃走...
后来，慧能果然不负师父厚望，在南方开创了禅宗另一个广阔的天空。而慧能当年带走的软件真经中就有一本是《JavaScript真经》！  
</div>
<script>
var div=document.getElementById("show");
var text=div.innerHTML;
div.innerHTML="";
div.style.display="";
var length=text.length;
var position=1;
var timer=setInterval(function(){
div.innerHTML=text.substring(0,position);
position++;
if(position>length)clearInterval(timer);
},200);
</script>