JavaScript 计时事件

最新推荐文章于 2022-03-23 14:26:12 发布

迷沉

最新推荐文章于 2022-03-23 14:26:12 发布

阅读量124

点赞数

分类专栏： js 文章标签： js 计时事件 settimeout setinterval

本文链接：https://blog.csdn.net/huanglaoer123123/article/details/100996374

版权

js 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

通过使用 JavaScript，我们有能力做到在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。

在 JavaScritp 中使用计时事件是很容易的，两个关键方法是:
setInterval() - 间隔指定的毫秒数不停地执行指定的代码。
语法：setInterval(“javascript function”,milliseconds);
第一个参数是函数（function）。
第二个参数间隔的毫秒数

setTimeout() - 在指定的毫秒数后执行指定代码。
语法：setTimeout(“javascript function”,milliseconds);
第一个参数是函数（function）。
第二个参数间隔的毫秒数

接下来通过两串代码就是简单掌握
1.setinterval();，强调“循坏”

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>irose的计时事件</title>
</head>
<body>
<!--按钮-->
<button onclick="myFunction()">点我</button>


<script>
function myFunction(){
    //单击按钮每3秒出现一个“Hello”警告框。然后一直循环下去
	setInterval(function(){alert("Hello")},3000);
}
</script>

</body>
</html>

2.setTineout();在设定的时间后执行事件，强调“后”

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>irose的计时事件</title>
</head>
<body>

<!--按钮-->
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	//点击按钮，在等待 3 秒后弹出 "Hello"
	setTimeout(function(){alert("Hello")},3000);
}
</script>

</body>
</html>