本文摘自PHP中文网,作者藏色散人,侵删。
本篇文章将给大家介绍javascript中setTimeout()和setInterval()两个定时器的使用区别介绍。(推荐:《javascript教程》)setTimeout()方法
setTimeout()
方法在等待指定的毫秒数之后执行一个函数。
语法:
1 2 3 | window.setTimeout( function , milliseconds);
function : 第一个参数是要执行的函数
milliseconds : 表示执行前的毫秒数.
|
例如,我们希望在用户按下“点击我!”按钮2秒后弹出一个提示框。
javascript代码如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <!DOCTYPE html>
<html>
<head>
<meta charset= "UTF-8" >
</head>
<body>
<button onclick= "setTimeout(gfg, 2000);" >点击我!</button>
<script>
function gfg()
{
alert( '欢迎来到PHP中文网!' );
}
</script>
</body>
</html>
|
输出:
一旦用户按下“按我”按钮,然后在暂停2秒后,会弹出一个框。
setInterval()方法
setInterval()
方法在每个给定的时间间隔重复一个给定的函数。
语法:
1 2 3 4 | window.setInterval( function , milliseconds);
function : 第一个参数是要执行的函数
milliseconds :表示每次执行之间的时间间隔的长度。
|
代码示例如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <!DOCTYPE html>
<html>
<head>
<meta charset= "UTF-8" >
</head>
<body>
<p>我会说“你好”很多次!</p>
<p id= "GFG" ></p>
<script>
var myVar = setInterval(myTimer, 1000);
function myTimer()
{
document.getElementById( "GFG" ).innerHTML += "<p>你好</p>" ;
}
</script>
</body>
</html>
|
每隔一秒就会显示一条新的“你好”消息。
然后:
本篇文章就是关于JavaScript中setTimeout()和setInterval()两个定时器的区别介绍,希望对需要的朋友有所帮助!
以上就是JavaScript中setTimeout()和setInterval()两个定时器的区别的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
javascript创建新节点方法是什么
javascript自定义函数的写法是什么
javascript怎么修改div内容
学习javascript地理位置信息api
javascript怎么设置radio
javascript如何改变背景色
reactdom.render的详细解析
javascript如何添加删除元素
深入理解javascript的并发模型和事件循环机制
javascript如何定义方法
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » JavaScript中setTimeout()和setInterval()两个定时器的区别