利用JavaScript实现简单点名

最新推荐文章于 2022-08-24 17:38:18 发布

懦夫救星*

最新推荐文章于 2022-08-24 17:38:18 发布

阅读量343

点赞数

本文链接：https://blog.csdn.net/v790873/article/details/100148046

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<h1>点到的名字:<span></span></h1>
		<button>开始点名</button>
		<script type="text/javascript">
			var arr = ['CXK',"WYF","LH","TF-B"]
			var btn = document.querySelector("button")
			var span = document.querySelector("span")
			var clock;
			btn.onclick = function(){
				if(btn.innerHTML=="开始点名"){
					clock = setInterval(function(){
						var randomNum = parseInt(Math.random()*arr.length);
						var name = arr[randomNum]
						span.innerHTML = name;
					},100)
					btn.innerHTML="结束点名"
				}else{
					clearInterval(clock)
					btn.innerHTML="开始点名"
				}
			}
			
			
		</script>
	</body>
</html>

实现代码如上