這個其實是對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>