setTimeout()隔一段时间后弹出警告信息

Definition and Usage

The setTimeout() method is used to call a function or evaluate an expression after a specified number of milliseconds.

Syntax

setTimeout(code,millisec,lang)

ParameterDescription
codeRequired. A pointer to a function or the code to be executed
millisecRequired. The number of milliseconds to wait before executing the code
langOptional. The scripting language: JScript | VBScript | JavaScript



<html>
<head>
<script type="text/javascript">
function timedMsg()
{
var t=setTimeout("alert('5 seconds!')",5000)
}
</script>
</head>
<body>
<form>
<input type="button" value="Display timed alertbox!"
onClick="timedMsg()">
</form>
<p>Click on the button above. An alert box will be
displayed after 5 seconds.</p>
</body>
</html>


setTimeout()函式讓你可以每隔一段時間自動呼叫另一組函式, 最常見的就是做時鐘了.

STEP1:【前言】
Javascript有一個計算時間的函式SetTimeout,其實網路上很多Javascript特效如滑動視窗,都有用到SetTimeout。 SetTimeout讓函式會在一定的時間內重新執行,藉此您可以讓使用者產生錯覺感覺物件好像在移動(實際上只是在很快的時間內每次位置移動一點點), SetTimeout對於Javascript特效可以說是不能少。

STEP2:【SetTimeout範例】
一段簡單的SetTimeout使用範例:
<script language=Javascript>
function hello()
{
alert("hello");
setTimeout("hello();", 2000);
}
</script>

<Body οnlοad=hello();>


阿得針對以上的程式碼講解一下:
function hello(),這是Javascript函式的寫法,算是複習囉
alert(),如果您現在還不是很清楚這個是什麼,您應該去查一下先前的教學
SetTimeout("hello();",2000), 這張就是王牌了,SetTimeout這個函式名稱大小寫有差,如果打錯了不管怎麼試都試不出來喔!!後面""中的hello()是函式名稱,請注意一定 要有引號!!而逗點之後的數字代表在多少時間內執行此函式,單位為千分之一秒。整段程式碼的解釋就是兩秒鐘後會再執行一次hello()。
Body οnlοad=hello();,這個是呼叫函式,因為SetTimeout是寫在hello()裡面,而hello()是一個函式,如果您一開始載入網頁沒有呼叫函式那函式就不會有作用。

了乎﹖其實不是很難,就是說您執行了hello(),而hello函式會跳出提示視窗說hello,再跳出視窗後又設定再兩秒後重新執行hello(),這樣一來不是每兩秒都會跳出一個說hello的提示視窗嗎﹖簡單吧!
不知道您有沒有看過那種狀態列跑馬燈,那種其實是用setTimeout,在很快的時間內在文字前面(或是後面)一次一次加上空白而將該段文字擠出狀態列,讓人感覺文字在移動(因為改變的速度太快了,好像慢慢在移動)。
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值