JS代碼實(shí)現(xiàn)交替閃爍的狀態(tài)欄

2012/10/27 11:54:02作者：佚名來(lái)源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

【實(shí)例描述】

狀態(tài)欄可以顯示一些提示信息。本例介紹如何以閃爍的特殊效果，在狀態(tài)欄顯示提示信息。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁(yè)-學(xué)無(wú)憂（wangbatian.cn）</title>
<script LANGUAGE="JavaScript">
var msg = "歡迎來(lái)到北京";
var speed = 1000;
var control = 1;
function msgFlash()
{
  if (control == 1)
    {
      window.status=msg;
      control=0;
    }  
  else
    {
      window.status="";
      control=1;
    }
  setTimeout("msgFlash()",speed);
}
</script>
</head>
<body onload="msgFlash()">
</body>
</html>
【運(yùn)行效果】

運(yùn)行效果

【難點(diǎn)剖析】

本例的重點(diǎn)是閃爍效果的實(shí)現(xiàn)。閃爍通過(guò)定時(shí)器控制，每隔一段時(shí)間就調(diào)用“msgFlash”方法，在狀態(tài)欄中顯示信息?！癱ontrol”變量用來(lái)控制是否顯示提示信息，如果“contro1’’為“1”則顯示，如果為“o’’則不顯示指定的信息。通過(guò)信息的顯示與不顯示實(shí)現(xiàn)文本的閃爍效果。

【源碼下載】

如果你不愿復(fù)制代碼及提高代碼準(zhǔn)確性，你可以點(diǎn)擊：JS代碼實(shí)現(xiàn)交替閃爍的狀態(tài)欄進(jìn)行本實(shí)例源碼下載

標(biāo)簽： JS代碼狀態(tài)欄交替閃爍