jswindowsettimeout_怎么js中settimeout

㈠ js如何延时执行下一条语句

javascript提供了setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式，因此延迟1秒后执行一个函数可以如下代码实现：

setTimeout("fun()",1000);//fun()是自定义函数

下面实例演示：打开页面后倒计时3秒，然后弹出对话框

1、HTML结构

<divid="test">3</div>

2、javascript代码

functionfun(n){

if(n>0){

n--;

document.getElementById("test").innerHTML=n;

setTimeout("fun("+n+")",1000)

}

else

alert("时间到！！");

}

window.onload=function(){

setTimeout("fun(3)",1000)

}

3、效果演示

㈡实现javascript的延期执行或者重复执行的两个函数

以下内容摘录自《征服AJAX Web2.0开发技术详解》,今天在图书管看书觉得讲的挺好的，特此摘录！小部分内容和代码做了改动！
window对象提供了两个方法来实现定时器的效果，分枝洞谨别是window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时间后运行；而后者则可以使一段代码每过指定时间就运行一次。它们的原型如下：
复制代码
代码如下:
window.setTimeout(expression,milliseconds);
window.setInterval(expression,milliseconds);
其中，expression可以是用引号括起来的一段代码，也可以是一个函数名，到了指定的时间，系统便会自动调用该函数，当使用函数名作为调用句柄时，不能带有任何参数；而使用字符串颤核时，则可以在其中写入要传递的参数。两个方法的第二个参数是milliseconds，表示延时或者重复执行的毫秒数。下面分别介绍两种方法。
1．window.setTimeout方法该方法可以延时执行一个函数，例如：
一秒后会弹出"hello"
[Ctrl+A
全选
注:如需引入外部Js需刷新才能执行]
这段代码将使得页面打开5秒钟后显示对话框“hello”。其中最后一句也可以写为：
window.setTimeout("hello()",1000);
读者可以体会它们的差别，在window.setInterval方法中也有这样的性质。
如果在延时期限到达之前取消延执行，可以使用window.clearTimeout(timeoutId)方法，该方法接收一个id，表示一个定时器。这个id是由setTimeout方法返回的，例如：
[Ctrl+A
全选
注:如需引入外部Js需刷新才能执行]
这样，如果要取消显示，只需单击页面任何一部分，就执行了window.clearTimeout方法，使得超时操作被取消。
2．window.setInterval方法
该方法使得一个函数每隔固定时间被调用一次，是一个很常用的方法。如果想要取消定时执行，和clearTimeout方法类似，可以调用window.clearInterval方法。clearInterval方法同样接收一个setInterval方法返回的值作为参数。例如：
复制代码
代码如下:
//定义一个反复执行的调用
var id=window.setInterval("somefunction",10000);
//取消定时执行
window.clearInterval(id);
上面的代码仅用于说明怎样取消一个定时执行。实际上在很多场合都需要用到setInterval方法，下面将设计一个秒表，来介绍setInterval函数的用途：该秒表将包括两个按钮和一个用于显示时间的文本框。当单击开始按钮时开始计时，最小单位为0.01秒，此时再次单击按钮则停止计猛基时，文本框显示经过的时间。另外一个按钮用于将当前时间清零。其实现代码如下：
New
Document
[Ctrl+A
全选
注:如需引入外部Js需刷新才能执行]

㈢ javaScript 中怎么延迟执行一个方法

setTimeout("test()","2000"); //2000毫秒后执行test()函数，只执行一次。setInterval("test()","2000"); //每隔2000毫秒执行一次test()函数，执行无数次。

(3)jswindowsettimeout扩展阅读：

1、setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

2、语法：setTimeout(function, milliseconds, param1, param2, ...)。

3、提示：1000 毫秒= 1 秒。

4、提示：如果你只想重复执行可以使用setInterval()方法。

5、提示：使用clearTimeout()方法来阻止函数的执行。

6、所需参数1：code/function，必需。要调用一个代码串，也可以是一个函数。

7、所需参数2：milliseconds可选。执行或调用 code/function 需要等待的时间，以毫秒计。默认为 0。

8、所需参数3：param1, param2, ...，可选。传给执行函数的其他参数（IE9 及其更早版本不支持该参数）。

9、返回值：返回一个 ID（数字），可以将这个ID传递给 clearTimeout() 来取消执行。

10、实例：var myWindow=window.open("","","width=200,height=100");myWindow.document.write("<p>这是一个新窗口'</p>");setTimeout(function(){ myWindow.close() }, 3000);

㈣怎么js中settimeout

1. SetTimeOut()
1.1 SetTimeOut()语法例子
1.2 用SetTimeOut()执行Functio
1.3 SetTimeOut()语法例子
1.4 设定条件使SetTimeOut()停止
1.5 计分及秒的counter
2. ClearTimeout()
3. Set Flag
etTimeout( ) 是属於 window 的 method, 但我们都是略去 window 这顶层物件名称, 这是用来设定一个时间, 时间到了, 就会执行一个指定的 method。请先看以下一个简单, 这是没有实际用途的例子, 只是用来示范 setTimeout( ) 的语法。
练习-69等候三秒才执行的 alert( )
在第 3 章说到 alert 对话盒, 一般是用按钮叫出来, 在这练习, 你会看到网页开启後 3 秒, 就会自动出现一个 alert 对话盒。
1.请用浏览器开启示范磁碟中的 timeout1.htm, 这档案有以下内容:
<html> <body bgcolor=lightcyan text=red> <h1> <font color=blue> 示范网页 </font> </h1> <p> </br> <p> 请等三秒! <script> setTimeout("alert('对不起, 要你久候')", 3000 ) </script> </body> </html>
2.留意网页开启後三秒, 就会出现一个 alert 对话盒。
etTimeout( ) 是设定一个指定等候时间 (单位是千分之一秒, millisecond), 时间到了, 浏览器就会执行一个指定的 method 或 function, 有以下语法:
今次例子是设定等 3 秒 (3000 milliseconds), 浏览器就会执行 alert( ) 这一个method。
etTimeout( ) 通常是与 function 一起使用, 以下是一个较上个练习复杂的例子。
练习-70状态列中自动消失的文字
在练习-20, 你看过如何用按钮在状态列显示文字, 然後再用按钮消除文字, 在这练习, 你看到如何用按钮在状态列显示文字, 而这文字会在三秒後自动消失。
1.请用浏览器开启示范磁碟中的 timeout2.htm, 这档案有以下内容:
<html> <body bgcolor=lightcyan text=red> <h1> <font color=blue> 示范网页 </font> </h1> <p> </br>
<script> function clearWord( ) {window.status=""} </script> <form> <input type="button" value="在状态列显示文字" onClick="window.status='Hello' , setTimeout('clearWord( )', 3000) "> </form> </body> </html>
2.请在按钮上按一下, 你应见到状态列出现 Hello 这字, 留意过了三秒, 这字就会消失。
1.这处先设定一个名为 clearWord( ) 的 function, 作以下定义:
window.status=""
这是用来消除状态列的文字 (请看练习-20 的说明), 浏览器执行 clearWord( ) , 就会消除状态列的文字。
2.今次按钮设定了启动以下两项工作, 用，分隔, 浏览器会顺序执行这两项工作:
onClick="window.status='Hello' , setTimeout('clearWord( )', 3000) "
3.今次的 setTimeout( ) 有以下设定:
这是设定等 3 秒 (3000 milliseconds) 浏览器就会执行 clearWord( ) 这一个function。
在第 2 章, 你看过如何使到父视窗开启时自动开启一个子视窗, 若观看者不关闭这子视窗, 这子视窗就会一路开启。看过以上的练习, 请你设计一个会开启子视窗的网页, 而这子视窗在开启後两秒, 就会自动关闭。
etTimeout( ) 预设只是执行一次, 但我们可以使用一个循环方式, 使到一个setTimeout( ) 再启动自己一次, 就会使到第二个 setTimeout( ) 执行, 第二个又启动第三个, 这样循环下去, 这 setTimeout( ) 就会不断执行。
练习-71自动每秒加 1 的 functio
在这练习, 你看到如何使用 setTimeout( ) 令文字框的数值每秒就加 1, 当然你也可以设定其他递增的速度, 例如每五秒就加 5, 或每五秒就加 1。
1.请用浏览器开启示范磁碟中的 timeout3.htm, 这档案有以下内容:
2.网页开启後, 请你留意文字框中的数值转变。
3.请你将这档案复制去硬碟, 更改一些设定, 例如 x = x+5, 或将等候时间改为5000, 看有什麼反应。
1.这网页有两个 script, 第一个是设定 countSecond( ) 这个 function, 第二个在後的是在网页完全载入後, 就启动这 function。
2.留意今次以下的设定:
当 countSecond( ) 启动後, 就会启动 setTimeout( ), 这个 method 在一秒後又启动 countSecond( ), countSecond( ) 启动後又启动 setTimeout( ) , 所以得出的结果是 countSecond( ) 每秒执行一次。
3.在 JavaScript, 我们是使用这处说的方法使到一些事项不断执行, 其中一个用途是显示转动时间, 另一个用途是设定跑动文字, 随後的章节会有例子。
用上述的方法设定时间, setTimeout( ) 虽然设定了是一秒, 但浏览器还有另外两项功能要执行, 所以一个循环的时间是稍多於一秒, 例如一分钟可能只有58 个循环。
etTimeout( ) 的回圈开始後, 就会不断重复, 在上个练习, 你看到文字框的数字不断跳动, 但我们是有方法使到数字跳到某一个数值就停下来, 其中一个方法是用 if...else 设定一个条件, 若是 TRUE 就继续执行 setTimeout( ) , 若是 FALSE 就停止。
例如要使到上个练习的 counter 跳到 20 就停下, 可将有关的 function 作以下的更改。
在前面的练习, 相信你已学识如何使用 setTimeout( ), 现在请你看一个较复习的例子。
练习-72计时的 counter
在这练习, 你要设定两个文字框, 一个显示分钟, 另一个显示秒, 网页开启後, 就会在这两个文字框中自动计时。
1.请用浏览器开启示范磁碟中的 timeout4.htm, 这档案有以下内容:
<html> <head> <script> x=0 y=-1 function countMin( ) {y=y+1 document.displayMin.displayBox.value=y setTimeout("countMin( )",60000) }
2.请你留意两个文字框中的数字转变。
1.这网页有两个 function, 一个用来计分钟, 一个用来计秒。在这处, 笔者只是示范setTimeout( ) 的操作, 因为计时器有其他更精简的写法。(留意: 这方式的计时并不准确。)
2.留意计秒的 function:
这处的 % 符号是 molus (馀数), 例如 z = x % 60 表示先进行 x / 60, 得出的馀数作为 z 这变数, 例如 82 秒, molus 就是 22, 所以文字框会显示 22 而不是 82。
3.若你要将单位数字在前加上 0, 例如 01, 02, 03 等, 可用以下方法:
在前一节, 你看过如何使用 setTimeout( ) 来使到浏览器不断执行一个 function, 当一个 setTimeout( ) 开始了循环的工作, 我们要使它停下来, 可使用 clearTimeout( ) 这 method。
clearTimout( ) 有以下语法:clearTimeout(timeoutID)
要使用 clearTimeout( ), 我们设定 setTimeout( ) 时, 要给予这 setTimout( ) 一个名称, 这名称就是 timeoutID , 我们叫停时, 就是用这 timeoutID来叫停, 这是一个自订名称, 但很多程式员就以 timeoutID 为名。
在下面的例子, 笔者设定两个 timeoutID, 分别命名为 meter1 及 meter2, 如下:
timeoutID ↓ meter1 = setTimeout("count1( )", 1000) meter2 = setTimeout("count2( )", 1000)
使用这 meter1 及 meter2 这些 timeoutID 名称, 在设定 clearTimeout( ) 时, 就可指定对哪一个 setTimeout( ) 有效, 不会扰及另一个 setTimeout( ) 的操作。
练习-73可停止的 setTimeout( )
这练习以练习-71 为蓝本, 但作了两个改变: (1) 有两个 setTimeout( ), (2) 有两个按钮, 分别可停止这两个 setTimout( )。
1.请用浏览器开启示范磁碟中的 clear.htm, 这档案有以下内容:
<html> <head> <script> x = 0 y = 0
2.留意网页中的两个文字框及内里变动的数字, 每个文字框旁有两个按钮, 请你试试两个按钮的反应。
3.请你连续按多次 [继续计时] 的按钮, 留意数值的跳动加快了, 原因是每按一次就启动 function 一次, 每个 function 都令数值跳动, 例如启动同一的 function 四次, 就会一秒跳四次。(请看下一节)
前个练习说到我们用一个按钮来启动一个 function, 每按一下就会启动这 function 一次, 请看以下例子。
练习-74效果重复的 setTimeout( )
这练习实际是将练习-73 简化, 只有一个计时器, 笔者想示范的是每按 [继续计时] 一次, 就会启动 count( ) 这 function 一次。
1.请用浏览器开启示范磁碟中的 flag1.htm, 这档案有以下内容:
<script> count( ) </script> </body> </html>
2.网页开启後, 你应见到文字框中的数字跳动, 请你按四次 [继续计时], 留意这会加快数字跳动, 原因是有关的 function 被开启了多个, 每个都会使数字转变。
3.按了四次 [继续计时] 的按钮後, 请你按 [停止计时] 的按钮, 你会发现要按五次才能停止数字跳动。
在编写程式时, 我们常要提防使用者作出一些特别动作, 例如使用者按两次 [继续计时] 按钮, 这计时器就失准了。我们是否有办法使到一个按钮被按一次就失效呢? 这就不会产生重复效果。
笔者藉这处的例子 (随後还有多个例子), 解说程式中一个 set flag (设定旗标) 的概念, flag 是一个记认, 一般来说, 这可以是 0 或是 1 (也可用 on 或 off, 或任何两个自选的名称或数字), 但也可以是 2、3、4 或更大的数字, 在这例子有以下设定:
1.程式开启时 flag=0。
2.当 counter( ) 执行时会顺便将 flag 变为 1。
3.在 [继续计时] 这按钮的反应中, 会先检查 flag 是 0 或是 1, 若是 0 就会产生作用, 若是 1 就没有反应。
4.使用这 flag 的方式, count( ) 这 function 开启後, [继续计时] 这按钮就没有作用。
这处的 flag 是一个变数, 可任意取名, 我们用 flag来称呼这变数的原因, 是因为这变数好处一支旗, 将旗竖起 (flag is on), 就会产生一个作用, 将旗放下 (flag is off), 就产生另一个作用。
练习-75只可开启一次的 functio
这练习是将上个练习加多一个 flag, 使到每次只能有一个 count( ) 这 function 在进行。
1.请用浏览器开启示范磁碟中的 flag2.htm, 这档案有以下内容:
function restart( ) {if (flag==0) {count( )} } </script> </head>
<script> count( ) </script>
<form> <input type=button value="Show flag" onClick="alert('The flag now is '+ flag) " > </form> </body> </html>
2.在网页中, 你应见到三个按钮及文字框中的数字跳动。
3.请你按 [Show flag] 这按钮, 应见到一个话对盒显示 flag 是 1。
4.请你按 [停止计时] 这按钮, 数字停止跳动, 请你按 [Show flag] 这按钮, 应见到话对盒显示 flag 是 0。
5.请你按多次 [继续计时] 这按钮, 你应见到数字不会加快, 请你按 [Show flag] 这按钮, 应见到话对盒显示 flag 变回 1。
1.这网页第 4 行有这一句: flag=0 , 这是设定 flag 这变数及将初始值定为 0, 你也可将初始值定为 1, 随後有关的 0 和 1 对调。
2.count( ) 这 function 最後一句是 flag=1 , 所以启动 count( ) 後, flag 就会变为 1。
3.[继续计时] 的按钮是用来启动 restart( ), 这 function 有以下设定:
function restart( ) {if (flag==0) {count( )} }
这处的 if statement 检查 flag 是否等於 0, 若是 0 就启动 count( ), 若是 1 (即不是 0) 就没有反应, 使用这方法, 若 count( ) 已在执行中, [继续计时] 这按钮不会有作用。
这处的 flag=1 设定, 实际设为 1 或 2 或 3 等数值都是一样的, 只要不是 0 就可以了, 所以这两个相对的旗标, 看似是 "0" 和 "1", 实际是 "0" 和 "non-zero" (非-0)。
4.[停止计时] 的按钮有以下设定:
onClick="clearTimeout(timeoutID); flag=0 "
这是停止 setTimeout( ) 的操作时, 同时将 flag 转回 0, 这使到 restart( ) 这 function 可以重新启动 count( )。

㈤ javascript中的setTimeout怎么用我想定时刷新页面！！！

导航:首页 > 编程语言 > jswindowsettimeout

jswindowsettimeout

与jswindowsettimeout相关的资料

友情链接