master

分支 (1)

管理

管理

master

c85
/
85期随机点名.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>后盾网85期学员点名程序</title>
<script type="text/javascript">

	var arr = ['黄健','袁鹏宇','黄宝','邱建军','霍锦中','黄海','屠旭峰','闵亚非','荣昌','秦奋','阿布都','俞刚','张兰春'];
	function run(){//随机抽取一名同学
		num = Math.floor(Math.random()*arr.length);
		document.getElementById('sname').innerHTML = arr[num];
		var c1 = Math.floor(Math.random()*120);
		var c2 = Math.floor(Math.random()*120);
		var c3 = Math.floor(Math.random()*120);
		document.getElementById('sname').style.color = "rgb("+c1+","+c2+","+c3+")"

	}
	window.onload = function(){
		document.getElementById('btn').onclick = function(){
			var auto_time = setInterval(run,100);//设置定时器
			setTimeout(function(){//清除定时器
				clearInterval(auto_time);
				// 删除同学
				arr.splice(num,1);
			},1000)
		}

	}

</script>
</head>

<body style="background:#ccc;">
	<div style="width:300px;height:100px;margin:0 auto;margin-top:100px;">
		<p id="sname" style="width:350px;height:60px;text-align:center;font-size:100px;font-weight:800;font-family:'叶根友刀锋黑草-企业版';letter-spacing:10px;">请点名</p>
		<input type="button" value='开始点名' id="btn" style="margin:0 auto;display:block;" />

	</div>


</body>
</html>