前端基础 - JavaScript定时器

时间 2021-08-13

标签 html ide htm function class meta 定时器栏目 JavaScript 繁體版

原文原文链接

JavaScript定时器相关

主要有三个 setInterval (设置定时器) , clearInterval(移除执行的定时器) , setTimeOut(指定时间间隔执行)，注意执行的方法不要加括号（）。html

Demo

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>定时器</title>
		<script>
			
			var intervalId;//定时器执行成功的标志，用于中止定时器
			
			window.onload = function(){
				intervalId = window.setInterval(showAlert,3000);
				//window.setTimeout(showAlert,3000);//这是不轮询的方法（直接定时执行一次）
			}
			
			function showAlert(){
				alert("提示");
				window.clearInterval(intervalId);//取消定时器
			}
		</script>
	</head>
	
	<body>
	</body>
</html>