JS實(shí)現(xiàn)在狀態(tài)欄顯示打字效果完整實(shí)例
本文實(shí)例講述了JS實(shí)現(xiàn)在狀態(tài)欄顯示打字效果。分享給大家供大家參考,具體如下:
這里演示JS實(shí)現(xiàn)帶有打字特效的狀態(tài)欄,在狀態(tài)欄顯示打字效果的文字,注意,此效果存在瀏覽器兼容性問題,在IE7或更高的瀏覽器下貌似不顯示效果。
運(yùn)行效果截圖如下:
在線演示地址如下:
http://demo.jb51.net/js/2015/js-status-bar-show-txt-print-demo/
具體代碼如下:
<html> <head> <script language="JavaScript"> //以下幾條可以根據(jù)需要改變 var msg = "歡迎光臨,請(qǐng)多多提出你的建議!!! " ;//需要顯示的內(nèi)容 var interval = 120 //顯示每個(gè)字的時(shí)間間隔(毫秒) //以下內(nèi)容不需更改 var seq=0; function typetext() { len = msg.length;//取得信息的總長(zhǎng)度 window.status = msg.substring(0, seq+1);//取得需顯示的部分 seq++; //將長(zhǎng)度加一(為下一次顯示做準(zhǔn)備) if ( seq >= len ) { //如果已經(jīng)內(nèi)容全部顯示出來 seq = 0; //則恢復(fù)初始狀態(tài),準(zhǔn)備再次顯示 window.status = ''; window.setTimeout("typetext();", interval );//設(shè)定下一次顯示的間隔 } else //如果信息還沒有顯示完整 window.setTimeout("typetext();", interval ); //則設(shè)定下一次顯示的時(shí)間間隔 } typetext(); //當(dāng)頁(yè)面裝入的時(shí)候開始第一次顯示 </script> <title>在狀態(tài)欄顯示打字效果</title> </head> <body> <b>請(qǐng)注意頁(yè)面左下角的狀態(tài)欄</b> </body> </html>
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- Js 打字效果 逐一出現(xiàn)的文字
- javascript 打字效果的文字特效
- JS實(shí)現(xiàn)的打字機(jī)效果完整實(shí)例
- JS實(shí)現(xiàn)簡(jiǎn)單的鍵盤打字的效果
- JS實(shí)現(xiàn)的自動(dòng)打字效果示例
- JavaScript打字小游戲代碼
- JS模擬鍵盤打字效果的方法
- javascript 打字游戲?qū)崿F(xiàn)代碼
- js實(shí)現(xiàn)鍵盤自動(dòng)打字效果
- JavaScript模擬實(shí)現(xiàn)鍵盤打字效果
- 原生js實(shí)現(xiàn)打字動(dòng)畫游戲
- JavaScript實(shí)現(xiàn)簡(jiǎn)單的文本逐字打印效果示例
相關(guān)文章
JS/HTML5游戲常用算法之碰撞檢測(cè) 包圍盒檢測(cè)算法詳解【圓形情況】
這篇文章主要介紹了JS/HTML5游戲常用算法之碰撞檢測(cè) 包圍盒檢測(cè)算法,結(jié)合實(shí)例形式詳細(xì)分析了圓形包盒情況下的碰撞檢測(cè)算法相關(guān)原理與實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-12-12BootStrap框架中的data-[ ]自定義屬性理解(推薦)
這篇文章主要介紹了BootStrap框架中的data-[ ]自定義屬性理解(推薦),非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-02-02PHP實(shí)現(xiàn)本地圖片上傳和驗(yàn)證功能
這篇文章主要為大家詳細(xì)介紹了PHP實(shí)現(xiàn)本地圖片上傳和驗(yàn)證功能的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02Javascript 事件捕獲的備忘(setCapture,captureEvents)
Javascript 事件捕獲的備忘(setCapture,captureEvents)...2006-09-09jquery動(dòng)態(tài)添加刪除div 具體實(shí)現(xiàn)
這篇文章介紹了jquery動(dòng)態(tài)添加刪除div實(shí)現(xiàn)代碼,有需要的朋友可以參考一下2013-07-07Js中forEach修改原數(shù)組與sort排序經(jīng)典場(chǎng)景詳解
forEach是沒有返回值并且不直接改變?cè)瓟?shù)組的,今天發(fā)現(xiàn)是不能直接改變,下面這篇文章主要給大家介紹了關(guān)于Js中forEach修改原數(shù)組與sort排序經(jīng)典場(chǎng)景的相關(guān)資料,需要的朋友可以參考下2022-05-05layui文件上傳控件帶更改后數(shù)據(jù)傳值的方法
今天小編就為大家分享一篇layui文件上傳控件帶更改后數(shù)據(jù)傳值的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09javascript中mouseover、mouseout使用詳解
這篇文章主要介紹了javascript中mouseover、mouseout使用詳解的相關(guān)資料,需要的朋友可以參考下2015-07-07