随机数
random() 返回 0 到 1 之间的随机数。
案例(点名器)
<div class="container">
<h2 align="center">点名器</h2>
<form action="" method="" name="form">
<p><input type="text" name="username1" value="">
<input type="text" name="username2" value="">
<input type="text" name="username3" value="">
<input type="text" name="username4" value="">
</p>
<div id="">
本次被点到的是:<input type="text" name="win" value=""/>
</div>
<span>
<input type=button onClick="begin()" value="开始!" id="btn1">
<input type=button onClick="stop()" value=" 停止 " name="col1" id="btn2">
</span>
</form>
</div>
h2 {font-size: 50px;color: #FF0000;}
form {margin-top: 20px;margin-left: 50%;transform: translateX(-50%);}
p input{width: calc(25% - 12px);text-align: center;}
span input{cursor: pointer;}
div input{text-align: center;}
var nameArr=["张三丰","张无忌","郭靖","黄蓉","杨过","小龙女","洪七公","欧阳锋","杨逍"];
var speed=200;
var tz;
var bg=document.form.win;
function roll(speedB){//初始化
document.form.username4.value=document.form.username3.value;
document.form.username3.value=document.form.username2.value;
document.form.username2.value=document.form.username1.value;
document.form.username1.value=nameArr[Math.floor(Math.random()*9)];
tz=setTimeout("roll(" + speedB + ")",speedB); //计时器
bg.value="";//清空
}
function begin(){//开始抽奖
roll(speed);//计时器开始
}
function stop(){//停止
clearTimeout(tz);//计时器停止/定时器
//从四个人名中在随机抽数一个
var cl=[document.form.username1.value,document.form.username2.value,document.form.username3.value,document.form.username4.value];
bg.value=cl[Math.floor(Math.random()*4)];
}