當前位置：軟件學堂 > 資訊首頁 > 網絡編程 > 編程其他 > 利用JS代碼捕獲狀態欄變化信息

利用JS代碼捕獲狀態欄變化信息

2012/10/26 17:50:59作者：佚名來源：網絡

移動端

【實例名稱】

JS代碼捕獲狀態欄變化信息

【實例描述】

狀態欄除可以實現文本滾動顯示功能外，還可以通過數組實現信息的變化顯示。本例學習如何在狀態欄變化顯示一組信息。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁-學無憂（www.yzddtk.cn）</title>
<script language="JavaScript">
//設置顯示速度等變量
var speed = 10     //顯示字與字的間隔
var pause = 1500   //顯示第二組的間隔
var timerID = null
var statusRun = false
//設置要提示的文本數組
var ar = new Array()
ar[0] = "這是第一組"
ar[1] = "這是第二組"
ar[2] = "這是第三組"
var message = 0
var state = ""
clearState()
//停止顯示-也可作初始化顯示
function stopStatus() {
        if (statusRun)
                clearTimeout(timerID)
        statusRun = false
}
//開始顯示
function startStatus() {
        stopStatus()
        showStatus()
}
//初始化開始數據
function clearState() {
        state = ""
        for (var i = 0; i < ar[message].length; ++i) {
                state += "0"
        }
}
//在狀態欄顯示信息
function showStatus() {
        //判斷是否顯示下一組
        if (getString()) {
                message++
                if (ar.length <= message)
                        message = 0
                clearState()
                timerID = setTimeout("showStatus()", pause)
//間隔1500毫秒顯示下一組
                statusRun = true
        } else {
                var str = ""
                for (var j = 0; j < state.length; ++j) {
                        str += (state.charAt(j) == "1") ?
 ar[message].charAt(j) : "     "
                }
                window.status = str
                timerID = setTimeout("showStatus()", speed) 
//間隔10毫秒顯示下一字
                statusRun = true
        }
}
//用來判斷顯示組還是字的方法
function getString() {
        var full = true
        //此循環判斷是否當前組數據沒有顯示完成
        for (var j = 0; j < state.length; ++j) {
                if (state.charAt(j) == 0)  
//初始時默認state都為0
                        full = false
        }
        //full為真時，表示當前組數據顯示完成
        if (full)
                return true
        while (1) {
                var num = getRandom(ar[message].length)
                if (state.charAt(num) == "0")
                        break
        }
        state = state.substring(0, num) + "1" + 
state.substring(num + 1, state.length)
        return false
}
//隨機數的讀取
function getRandom(max) {
        return Math.round((max - 1) * Math.random())
}
</script>
</head>
<body onLoad="startStatus()">
</body>
</html>
【運行效果】

運行效果

【難點剖析】

本例的重點在于如何判斷第一組已經顯示完畢，如何在第一組顯示完畢后再調用第二組。本例通過“getString”方法判斷當前組是否顯示完畢，然后通過“setTimeout”定時器．繼續掉用后面的組。

【源碼下載】

本實例JS代碼下載

標簽： JS代碼狀態欄

上一篇：JavaScript捕獲方向鍵
下一篇：JS代碼實現狀態欄跑馬燈效果

相關文章

熱門軟件/ 推薦游戲/ 手機軟件

資訊分類

Dreamweaver Flash DIV+CSS 編程其他

推薦教程

精品軟件推薦

360安全衛士

訊飛輸入法

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频视频,欧美一级特黄录像视频