Rumah > Artikel > hujung hadapan web > JavaScript中setTimeout()和setInterval()两个定时器的区别
本篇文章将给大家介绍javascript中setTimeout()和setInterval()两个定时器的使用区别介绍。(推荐:《javascript教程》)
setTimeout()方法
setTimeout()
方法在等待指定的毫秒数之后执行一个函数。
语法:
window.setTimeout(function, milliseconds); function : 第一个参数是要执行的函数 milliseconds : 表示执行前的毫秒数.
例如,我们希望在用户按下“点击我!”按钮2秒后弹出一个提示框。
javascript代码如下:
<!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()
方法在每个给定的时间间隔重复一个给定的函数。
语法:
window.setInterval(function, milliseconds); function : 第一个参数是要执行的函数 milliseconds :表示每次执行之间的时间间隔的长度。
代码示例如下:
<!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()两个定时器的区别介绍,希望对需要的朋友有所帮助!
Atas ialah kandungan terperinci JavaScript中setTimeout()和setInterval()两个定时器的区别. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!