JS實(shí)現(xiàn)在狀態(tài)欄顯示打字效果完整實(shí)例
更新時間：2015年11月02日 09:23:25 作者：企鵝
這篇文章主要介紹了JS實(shí)現(xiàn)在狀態(tài)欄顯示打字效果的方法,涉及JavaScript中字符遍歷結(jié)合時間函數(shù)對狀態(tài)欄顯示進(jìn)行操作的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實(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 = "歡迎光臨，請多多提出你的建議!!! " ;//需要顯示的內(nèi)容
var interval = 120 //顯示每個字的時間間隔(毫秒)
//以下內(nèi)容不需更改
var seq=0;
function typetext() {
len = msg.length;//取得信息的總長度
window.status = msg.substring(0, seq+1);//取得需顯示的部分
seq++; //將長度加一(為下一次顯示做準(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è)定下一次顯示的時間間隔
}
typetext(); //當(dāng)頁面裝入的時候開始第一次顯示
</script>
<title>在狀態(tài)欄顯示打字效果</title>
</head>
<body>
<b>請注意頁面左下角的狀態(tài)欄</b>
</body>
</html>
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
您可能感興趣的文章:
相關(guān)文章
這篇文章主要介紹了JS輸入框模糊匹配查詢功能，主要是仿百度搜索自動提示框的功能，大家參考使用吧2013-11-11
javascript實(shí)現(xiàn)ecshop搜索框鍵盤上下鍵切換控制
這篇文章主要介紹了javascript實(shí)現(xiàn)ecshop搜索框鍵盤上下鍵切換控制,需要的朋友可以參考下2015-03-03
Layui 導(dǎo)航默認(rèn)展開和菜單欄選中高亮設(shè)置的方法
今天小編就為大家分享一篇Layui 導(dǎo)航默認(rèn)展開和菜單欄選中高亮設(shè)置的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
js中事件冒泡、事件捕獲一直都是困擾大家的問題，本文利用大量代碼解釋了js中事件冒泡與事件捕獲，希望對小伙伴們有所幫助2021-08-08
JS實(shí)現(xiàn)百度搜索框關(guān)鍵字推薦
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)百度搜索框關(guān)鍵字推薦，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02
wxss樣式語法包括rpx尺寸單位,樣式導(dǎo)入,全局與局部樣式,常用的樣式屬性,包括尺寸、邊框、邊距、文本、顏色等等,下面這篇文章主要給大家介紹了關(guān)于小程序從零入手之WXSS模版語法匯總的相關(guān)資料,需要的朋友可以參考下2023-01-01
JavaScript中的6種變體函數(shù)的區(qū)別和應(yīng)用
JavaScript?中函數(shù)調(diào)用有許多獨(dú)特的變體方式,例如?~function、-function?等,這些變體不僅展現(xiàn)了?JavaScript?語言的靈活性,也可以在某些場景下讓代碼更加簡潔,本文將通過示例代碼和解析,來全面剖析這些特殊的函數(shù)調(diào)用方式及其返回值的區(qū)別2025-01-01
微信小程序使用form表單獲取輸入框數(shù)據(jù)的實(shí)例代碼
這篇文章主要介紹了微信小程序使用form表單獲取輸入框數(shù)據(jù)的實(shí)例代碼，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
BootStrap使用popover插件實(shí)現(xiàn)鼠標(biāo)經(jīng)過顯示并保持顯示框
這篇文章主要介紹了BootStrap使用popover插件實(shí)現(xiàn)鼠標(biāo)經(jīng)過顯示并保持顯示框的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-06-06
這篇文章介紹了js動態(tài)給table添加/刪除tr的方法，有需要的朋友可以參考一下2013-08-08