停止setInterval的clearInterval函数

最新推荐文章于 2023-04-11 23:43:53 发布

素心如月桠

最新推荐文章于 2023-04-11 23:43:53 发布

阅读量357

点赞数

本文链接：https://blog.csdn.net/m0_47010003/article/details/116709370

版权

html 同时被 3 个专栏收录

43 篇文章 13 订阅

订阅专栏

vscode

35 篇文章 2 订阅

订阅专栏

JavaScript

34 篇文章 3 订阅

订阅专栏

在这里插入图片描述

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>setInterval使用方法</title>
		<style type="text/css">
			.com {
				width: 200px;
				height: 30px;
				background-color: burlywood;
				/* color: orange; */
				line-height: 30px;
				font-family: serif;
				text-align: center;
			}
			
			.hand {
				display: inline-block;
				background: #333;
				border-radius: 4px;
				width: 28px;
				height: 28px;
				margin: 0 5px;
				font-size: 18px;
				color: #fff;
				vertical-align: middle;
				text-align: center;
				line-height: 28px;
			}
		</style>
	</head>

	<body>
		<script type="text/javascript">
			window.addEventListener('load', function() {
				var stop = document.querySelector('.stop');
				var b = document.querySelector('.begin');
				//				b.addBehavior('click')
				var timer = null;
				b.addEventListener('click', function() {
					timer = setInterval(function() {
						console.log('开始计时');
					}, 1000)
				})
				stop.addEventListener('click',function(){
					clearInterval(timer);
				})
			})
		</script>
		<button class="stop">停止</button>
		<button class="begin">开始</button>
	</body>

</html>

素心如月桠

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
停止setInterval的clearInterval函数

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>setInterval使用方法</title> <style type="text/css"> .com { width: 200px; height: 30px; background-color: burlywood; /* color: oran.
复制链接

扫一扫