首頁 > 開發者 > JavaScript
使用javascript做的一個隨機點名程式
這篇文章主要介紹了使用javascript做的一個隨機點名程式，經測試，效果相當不錯,需要的朋友可以參考下
代碼如下:
<!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>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
