js中settimeout的用法详解

js中settimeout的用法详解

ID:34723990

大小:102.68 KB

页数:13页

时间:2019-03-10

js中settimeout的用法详解_第1页
js中settimeout的用法详解_第2页
js中settimeout的用法详解_第3页
js中settimeout的用法详解_第4页
js中settimeout的用法详解_第5页
资源描述:

《js中settimeout的用法详解》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库

1、1.SetTimeOut()            1.1SetTimeOut()语法例子            1.2用SetTimeOut()执行Function            1.3SetTimeOut()语法例子            1.4设定条件使SetTimeOut()停止            1.5计分及秒的counter  2.ClearTimeout()  3.SetFlag  1.setTimeout()  setTimeout()是屬於window的method,但我們都是略去window這頂層物件名稱,這是用來設定一個時間,時間到了,就會

2、執行一個指定的method。請先看以下一個簡單,這是沒有實際用途的例子,只是用來示範setTimeout()的語法。 1. setTimeout()語法例子 例子: 等候三秒才執行的alert()  alert對話盒,一般是用按鈕叫出來,在這例子,你會看到網頁開啟後3秒,就會自動出現一個alert對話盒。1. 請用瀏覽器開啟示範,以下內容:

示範網頁


請等三秒!2. 留意網頁開啟後三秒,就會出現一個alert對話盒。  setTimeout()是設定一個指定等候時間(單位是千分之一秒,millisecond),時間到了,瀏覽器就會執行一個指定的method或function,有以下語法:  例子是設定等3秒(3000milliseconds),瀏覽器就會執行alert()這一個method。2. 用setTimeout()來執行function  setTimeout()通常是與function一起使用,以下是一個較上個練習複雜的例子。例子: 狀態列中自動消

4、失的文字  你看過如何用按鈕在狀態列顯示文字,然後再用按鈕消除文字,在這練習,你看到如何用按鈕在狀態列顯示文字,而這文字會在三秒後自動消失。1. 請用瀏覽器開啟示範,以下內容:

示範網頁


5、='Hello',setTimeout('clearWord()',3000)">

2. 請在按鈕上按一下,你應見到狀態列出現Hello這字,留意過了三秒,這字就會消失。1. 這處先設定一個名為clearWord()的function,作以下定義:window.status=""  這是用來消除狀態列的文字,瀏覽器執行clearWord(),就會消除狀態列的文字。2.按鈕設定了啟動以下兩項工作,用,分隔,瀏覽器會順序執行這兩項工作:onClick="window.status='Hello',setTimeout('clearWord

6、()',3000)"3. setTimeout()以下設定:  這是設定等3秒(3000milliseconds)瀏覽器就會執行clearWord()這一個function。  你看過如何使到父視窗開啟時自動開啟一個子視窗,若觀看者不關閉這子視窗,這子視窗就會一路開啟。看過以上的練習,請你設計一個會開啟子視窗的網頁,而這子視窗在開啟後兩秒,就會自動關閉。3. 不斷重複執行的setTimeout()  setTimeout()預設只是執行一次,但我們可以使用一個循環方式,使到一個setTimeout()再啟動自己一次,就會使到第二個setTimeout()執行,第二個又啟動第

7、三個,這樣循環下去,這setTimeout()就會不斷執行。例子: 自動每秒加1的function  你看到如何使用setTimeout()令文字框的數值每秒就加1,當然你也可以設定其他遞增的速度,例如每五秒就加5,或每五秒就加1。1. 請用瀏覽器開啟示範,以下內容:<

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。