本文實例講述了JS實現(xiàn)在狀態(tài)欄顯示打字效果。分享給大家供大家參考，具體如下：
這里演示JS實現(xiàn)帶有打字特效的狀態(tài)欄，在狀態(tài)欄顯示打字效果的文字，注意，此效果存在瀏覽器兼容性問題，在IE7或更高的瀏覽器下貌似不顯示效果。
運行效果截圖如下：
在線演示地址如下：
http://demo.VeVB.COm/js/2015/js-status-bar-show-txt-print-demo/
具體代碼如下：
<html><head><script language="JavaScript">//以下幾條可以根據(jù)需要改變var msg = "歡迎光臨，請多多提出你的建議!!! " ;//需要顯示的內(nèi)容var interval = 120 //顯示每個字的時間間隔(毫秒)//以下內(nèi)容不需更改var seq=0;function typetext() {len = msg.length;//取得信息的總長度window.status = msg.substring(0, seq+1);//取得需顯示的部分seq++; //將長度加一(為下一次顯示做準備)if ( seq >= len ) { //如果已經(jīng)內(nèi)容全部顯示出來seq = 0; //則恢復(fù)初始狀態(tài)，準備再次顯示window.status = '';window.setTimeout("typetext();", interval );//設(shè)定下一次顯示的間隔}else //如果信息還沒有顯示完整window.setTimeout("typetext();", interval ); //則設(shè)定下一次顯示的時間間隔} typetext(); //當頁面裝入的時候開始第一次顯示</script><title>在狀態(tài)欄顯示打字效果</title></head><body><b>請注意頁面左下角的狀態(tài)欄</b></body></html>希望本文所述對大家JavaScript程序設(shè)計有所幫助。
新聞熱點
疑難解答
圖片精選
