setTimeout()方法 setTimeout()方法在等待指定的毫秒数后执行函数。 语法:
null
window.setTimeout(function, milliseconds);
参数: 此方法可接受两个参数
- 功能: 第一个参数是要执行的函数
- 毫秒: 指示执行前的毫秒数。
例如,我们希望在用户按下“单击我”按钮2秒后弹出一个警报框。 例子:
<!DOCTYPE html> <html> <head> <title> HTML | DOM Window setTimeout() method </title> </head> <body> <button onclick= "setTimeout(gfg, 2000);" > Press me </button> <script> function gfg() { alert( 'Welcome to GeeksforGeeks' ); } </script> </body> </html> |
输出: 用户按下“press me”(按我)按钮后,暂停2秒后,此消息将发出警报 盒子会弹出。
setInterval()方法 setInterval()方法在每个给定的时间间隔重复给定的函数。 语法:
window.setInterval(function, milliseconds);
参数: 此方法可接受两个参数
- 功能: 第一个参数是要执行的函数
- 毫秒: 指示每次执行之间的时间间隔长度。
实例 :
<!DOCTYPE html> <html> <head> <title> HTML | DOM Window setTimeout() method </title> </head> <body> <p>I will say hi many times</p> <p id= "GFG" ></p> <script> var myVar = setInterval(myTimer, 1000); function myTimer() { document.getElementById( "GFG" ).innerHTML += "<p>Hi</p>" ; } </script> </body> </html> |
输出: 每隔一秒钟,就会显示一条新的“hi”信息。 然后:
支持的浏览器: 支持的浏览器 setTimeout()和setInterval()方法 下面列出了:
- 谷歌浏览器
- Internet Explorer
- 火狐
- 歌剧
- 游猎
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END