萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> 使用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>     
copyright © 萬盛學電腦網 all rights reserved