本文主要分享javascript的setTimeout()的用法总结。js的setTimeout方法更有用,通常用于页面刷新、延迟执行等。我们来看看文章中对这个内容的具体总结。有需要的朋友可以参考一下。
:
目录
1.介绍
2.setInterval和setTimeout 3的区别。setTimeout4。SetTimeout5的用法。clearTimeout( )6。结束
1.前言
Js setTimeout方法有很多用途,通常用于页面刷新、延迟执行等。但是很多javascript新手还是不太了解setTimeout的用法。虽然我已经学习和应用javascript两年多了,但我有时不得不查阅setTimeout方法的资料。今天对js的setTimeout方法做一个系统的总结。
2、setInterval与setTimeout的区别
说到setTimeout,很容易想到setInterval,因为这两种用法很相似,但也有区别。今天就一起总结一下吧!
3、setTimeout
定义和用法:setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。
语法: 设置超时(代码,毫秒)
参数:code(必选):在要调用的函数之后执行的JavaScript代码字符串。毫秒(必需):执行代码前等待的毫秒数。
提示:setTimeout()仅执行一次代码。如果您想多次调用它,请使用setInterval()或让代码本身再次调用setTimeout()。
setInterval:
setInterval()方法可以在指定的时间段(以毫秒为单位)调用函数或计算表达式。
setInterval()方法将一直调用该函数,直到调用clearInterval()或关闭窗口。setInterval()返回的ID值可以用作clearInterval()方法的参数。
语法:setInterval(代码,毫秒[,' lang'])
需要参数: 代码。要调用的函数或要执行的代码字符串。毫秒必须。定期执行或调用代码的时间间隔,以毫秒为单位。
返回值: 可以传递给Window.clearInterval()的值,用于取消代码的定期执行。
区别:
从上面可以看出,setTimeout和setinterval的主要区别是:
SetTimeout只运行一次,也就是说,到了设定的时间,就会触发指定的代码运行,然后就结束了。如果在运行代码中再次运行同一个setTimeout命令,可以循环运行。(也就是说,要循环运行,函数本身需要再次调用setTimeout()
Setinterval循环运行,即每隔设定的时间间隔触发指定的代码。这是一个真正的计时器。
Setinterval比较好用,而setTimeout比较灵活,可以随时退出循环。也可以设置为不定期运行,比如第一个1秒,第二个2秒,第三个3秒。
我个人更喜欢用setTimeout!
4、setTimeout的用法
我们一起办个案子吧。首先打开记事本,粘贴以下代码,运行效果!
!文档类型html
超文本标记语言
头
meta http-equiv=' Content-Type ' Content=' text/html;charset=UTF-8 '
/头
身体
H1 font color=blue haorooms博客演示页面/font /h1
警:请等三秒钟!/p
脚本
SetTimeout('alert('对不起,haorooms博客要等很久')',3000)
/脚本
/body
/html
页面停留三秒就会弹出到框架!这个案例应用了setTimeout最基本的语法,setTimeout不会自动重复!
SetTimeout也可以执行函数,而且可以重复执行!
我们再来一起做一个案例:
!文档类型html
超文本标记语言
头
meta http-equiv=' Content-Type ' Content=' text/html;charset=UTF-8 '
脚本
var x=0
函数countSecond()
{
x=x 1
document . haooms . haooms input . value=x
setTimeout('countSecond()',1000)
}
/脚本
/头
超文本标记语言
身体
form name='haorooms '
input type=' text ' name=' haooms input ' value=' 0 ' size=4
/表单
脚本
计数秒()
/脚本
/body /html
我们可以看到输入文本框中的数字是以秒为单位递增的!所以,setTimeout也可以在网页中进行时间跳转!
没有案例,学习起来不会很快,我们再来一起做一个例子,计算你在豪华客房某个页面的停留时间:
!文档类型超文本标记语言
超文本标记语言
头
meta http-equiv=' Content-Type ' Content=' text/html;charset=UTF-8 '
脚本
x=0
y=-1
函数countMin()
{ y=y 1
文档。显示最小值。展示盒。值=y
setTimeout('countMin()',60000)
}
函数计数秒()
{ x=x 1
z=x % 60
文档。显示秒。展示盒。值=z
setTimeout('countSec()',1000)
}
/脚本/标题
身体
表tr值=顶部(美)财政部(Treasury Department)你在豪华客房博客中的停留时间是:/td
(美)财政部(财政部)
表单名称=显示最小值
输入类型=文本名称=显示框值=0大小=4
/表单
/td
(美)财政部(财政部)分/td
(美)财政部(财政部)
form name=displaySec /td
(美)财政部(Treasury Department)输入类型=文本名称=显示框值=0大小=4
/表单
/td
(美)财政部(财政部)秒2008/TD/tr
/表格
脚本
countMin()
计数秒()
/脚本
/body
/html
怎么样,通过上面的例子,对setTimeout()的用法,相信你都了解了吧!
5、clearTimeout( )
我们再来一起看一下clearTimeout(),
clearTimout( ) 有以下语法 :
clearTimeout(timeoutID)
要使用clearTimeout(),我们设定setTimeout()时,要给予这setTimout()一个名称,这名称就是timeoutID,我们叫停时,就是用这timeoutID来叫停,这是一个自定义名称,但很多人就以timeoutID为名。
在下面的例子,设定两个timeoutID,分别命名为仪表一及米2,
如下 :
超时idmeter 1=setTimeout(" count 1()",1000) meter2=setTimeout("count2()",1000)
使用这仪表一及仪表2这些timeoutID名称,在设定clearTimeout()时,就可指定对哪一个setTimeout()有效,不会扰及另一个setTimeout()的操作。
下面请看 clearTimeout()的案例;
!文档类型超文本标记语言
超文本标记语言
头
meta http-equiv=' Content-Type ' Content=' text/html;charset=UTF-8 '
脚本
x=0
y=0
函数计数1()
{ x=x 1
document.display1.box1.value=x
meter1=setTimeout('count1()',1000)
}
函数计数2()
{ y=y 1
document.display2.box2.value=y
meter2=setTimeout('count2()',1000)
}
/脚本/标题
身体
p /br
表单名称='显示1 '
输入类型=' text ' name=' box 1 ' value=' 0 ' size=4
输入类型=按钮值='停止计时onClick='clearTimeout(meter1)'
输入类型=按钮值='继续计时onClick='count1()'
/表单
p
表单名称='显示2 '
输入类型=' text ' name=' box 2 ' value=' 0 ' size=4
输入类型=按钮值='停止计时onClick='clearTimeout(meter2)'
输入类型=按钮值='继续计时onClick='count2()'
/表单
脚本
计数1()
计数2()
/脚本
/body
/html
6、结尾
到此这篇关于Java语言(一种计算机语言,尤用于创建网站)描述语言的setTimeout()使用方法总结的文章就介绍到这了,更多相关Java语言(一种计算机语言,尤用于创建网站)描述语言的setTimeout()用法内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。