JavaScript 计时事件

最新推荐文章于 2024-06-05 18:35:16 发布

Hell丶Caesar

最新推荐文章于 2024-06-05 18:35:16 发布

阅读量167

点赞数

本文链接：https://blog.youkuaiyun.com/qq_41985556/article/details/80455794

版权

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

在 JavaScritp 中使用计时事件是很容易的，两个关键方法是:

setInterval() - 间隔指定的毫秒数不停地执行指定的代码。
setTimeout() - 在指定的毫秒数后执行指定代码。

注意: setInterval() 和 setTimeout() 是 HTML DOM Window对象的两个方法。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>

<p>在页面显示一个时钟</p>
<p id="demo"></p>
<script>
var myVar=setInterval(function(){myTimer()},1000);
function myTimer(){
	var d=new Date();
	var t=d.toLocaleTimeString();
	document.getElementById("demo").innerHTML=t;
}
</script>

</body>
</html>

总结：

实例展示了如何使用 setInterval() 方法，但是每三秒弹出一次对用户体验并不好。setInterval() 方法设置每秒钟执行一次代码，就是手表一样。