这个其实是对JavaScript的Math.random
函数一个练习方式,先把所有人得名字预先写好在一个数组里,然后让数组里的值快速的显示在区域内,当你按停的时候滚动就会停止达到随机效果。
DEMO
思路
- 定义一个名字数组,作为资源池
- 有一个每隔20毫秒就随机从资源池里随机获取一个显示在页面上
- 手动停止后,最后显示在页面上的名字就是随机出来的名字
Code
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()", 20);
}
...