JavaScript做的一个随机点名程序

最新推荐文章于 2024-04-22 23:06:24 发布

Sail__

最新推荐文章于 2024-04-22 23:06:24 发布

阅读量6.9k

点赞数 1

分类专栏： JavaScript 文章标签： javascript function 点名随机 html

本文链接：https://blog.csdn.net/diaobatian/article/details/19123235

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>点名</title>
<script language="javascript" type="text/javascript">
	var status = 1;
	var name = new Array('小刘','小王','小红','小张','小黑','小李');
	
	function getname(){
		return name[Math.floor(Math.random()*name.length)];
	}
	function showname(){
		document.getElementById("name").innerHTML = getname();
		setTimeout("showname",200);
	}
	function goname(){
		intimer = setInterval(showname, 200);
	}
	function stopname(){
		if(status == 1){
			clearInterval(intimer);
			status = 0;
		}else{
			intimer = setInterval(showname, 200);
			status = 1;
		}
	}
</script>
<style>
	#name{
	border:1px solid #000;
	margin:auto;
	font-size:36px;
	color:#000000;
	width:108px;
	height:1em;
	cursor:pointer;
	text-align:center;
	}
</style>
</head>
<body onLoad="goname()">
	<div id="name" onClick="stopname()"></div>
</body>
</html>