Java脚本| setTimeout()和setInterval()方法

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秒后,此消息将发出警报 盒子会弹出。 图片[1]-Java脚本| setTimeout()和setInterval()方法-yiteyi-C++库

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”信息。 图片[2]-Java脚本| setTimeout()和setInterval()方法-yiteyi-C++库 然后: 图片[3]-Java脚本| setTimeout()和setInterval()方法-yiteyi-C++库 支持的浏览器: 支持的浏览器 setTimeout()和setInterval()方法 下面列出了:

  • 谷歌浏览器
  • Internet Explorer
  • 火狐
  • 歌剧
  • 游猎
© 版权声明
THE END
喜欢就支持一下吧
点赞10 分享