首頁 > 開發者 > JavaScript
javascript實現的一個隨機點名功能，javascript實現點名
這個其實是對JS隨機數的一個練習方式，先把所有人得名字預先寫好在一個數組裡，然後讓數組裡的值快速的顯示在地區內，當你按停的時候滾動就會停止達到隨機效果。
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>JS寫的隨機點名 - 瓊台部落格</title><script type="text/javascript">var isRun=true;var a = ["張三","李四","王五","趙六"];var a2 = new Array();function action(str){var s = document.getElementById("bt").value;if(s=="開始"){isRun=true;run();document.getElementById("bt").value="結束";}else{isRun=false;document.getElementById("bt").value="開始";}}function run(){var i = Math.floor(Math.random() * a.length+ 1)-1;document.getElementById("show").innerHTML=a[i];if(isRun==false){var b =true;for(var j in a2){if(a2[j]==i){b=false;}}if(b){ a2[a2.length]=i;return;}}setTimeout("run()",10);}</script></head><body><div style="text-align:center; margin-top:100px;width:100%;"><div id="show" style="margin:auto;font-size:50px;width:100px;height:50px; background:#FFEEFF"></div><div style="margin-top:20px;"><input id="bt" type="button" onclick="action()" value="開始"/></div></div></body></html>
誰有這閑心啊！
JavaScript中用數組與計時器實現隨機點名
實現了你說的功能，aa就是姓名的數組
<SCRIPT LANGUAGE="JavaScript">
<!--
var aa=["趙","錢","孫","李"]
var i=0;
var t;
function startCall()
{
i++;
var name=document.getElementById("n");
if(i>=4)
{
i=i%4
}
t=setTimeout("startCall()",100);//這裡第2個參數可以改變名字變換的時間，單位毫秒
name.value=aa[i]
}
function stopCall()
{
clearTimeout(t);
var name=document.getElementById("n");
name.value=aa[i]
}
//-->
</SCRIPT>
<BODY>
姓名<INPUT TYPE="text" id="n" NAME="">
<INPUT TYPE="button" VALUE="開始" ONCLICK="startCall()">
<INPUT TYPE="button" VALUE="停止" ONCLICK="stopCall()">
</BODY>
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
