今天清理chrome書簽，突然就點到了一個關(guān)于 知乎五周年的網(wǎng)頁，這幫程序員的腦子真有趣，就算是保存一年后再看也還是覺得好有趣，下邊是一個截圖圖片描述

專業(yè)成都網(wǎng)站建設(shè)公司，做排名好的好網(wǎng)站，排在同行前面，為您帶來客戶和效益!創(chuàng)新互聯(lián)為您提供成都網(wǎng)站建設(shè)，五站合一網(wǎng)站設(shè)計制作，服務(wù)好的網(wǎng)站設(shè)計公司，網(wǎng)站建設(shè)、網(wǎng)站制作負責任的成都網(wǎng)站制作公司!

這個網(wǎng)頁展示了一個類似ide接口的小窗口，文字逐步輸入，并且還伴隨一些有點炫的css動畫，為個人生成專屬數(shù)據(jù)。當然這個展示還包括了其他一些數(shù)據(jù)的傳輸啦，特殊效果（類似觸發(fā)一個標簽的js回調(diào)啦），css那個一堆波浪的動畫啦等等一些有意思的，這些暫時不管，我們今天就來看看這個逐步顯示的文字是怎么做到的，我首先想到的就是做一個簡單的demo

由于沒有讀過這個網(wǎng)頁的源碼所以不保證思路相同，所以做法很簡單就是：

把一段文字用定時器回顯到網(wǎng)頁上，

最后有一個一閃一閃的游標，那個是需要單獨拿出來的做一個定時器的，下邊給出代碼參考：

 
 
 
 
 



 
|
 
 

這樣一個簡單的js控制回顯就完成了，是不是超級簡單？ ^V^

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。