欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS實(shí)現(xiàn)在狀態(tài)欄顯示打字效果完整實(shí)例

 更新時(shí)間:2015年11月02日 09:23:25   作者:企鵝  
這篇文章主要介紹了JS實(shí)現(xiàn)在狀態(tài)欄顯示打字效果的方法,涉及JavaScript中字符遍歷結(jié)合時(shí)間函數(shù)對(duì)狀態(tài)欄顯示進(jìn)行操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(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ì)有所幫助。

相關(guān)文章

最新評(píng)論