您的位置：首页 > Web前端 > AngularJS

angular简单随机选择

2017-12-20 19:04 162 查看

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>随机选择</title>

<style>
.main{width:500px;position:absolute;left:50%;margin-left:-250px;border:2px solid #000;height:500px;top:50%;margin-top:-250px; text-align:center;border-radius:5px; font-family:微软雅黑;}
.main span.textone{display:inline-block;margin:50px 0;font-size:18px;}
.main span.btntwo{display:inline-block;margin-top:50px;}
#oknum{border:none;background:#fff;text-align:center;font-size:5em;width:98%;}

</style>

</head>

<body>

<script language="javascript">
var alldata = "张三,李四,王五,赵六,麻七"
var alldataarr = alldata.split(",")
var num = alldataarr.length-1
var timer=null;
var bOk=false;

function change(){
document.getElementById("oknum").value = alldataarr[GetRnd(0,num)];
}
function start(){
clearInterval(timer);
timer = setInterval('change()',10); //50（毫秒）为变换间隔，越小变换的越快
}
function ok(){
clearInterval(timer);
bOk=false;

}
function GetRnd(min,max){
return parseInt(Math.random()*(max-min+1));
}
window.onload=function (){

document.onkeydown=function (ev){
if(bOk==false){
var aEvent=ev||event;
var oNum=aEvent.keyCode;
if(oNum==32){
start();

bOk=true;
}
}else{
ok();

}

}
}

</script>

<div class="main">
<span class="textone">你要小心了*_^</span>
<input type="text" id="oknum" name="oknum" value="这是谁？">

<span class="btntwo" style="display:none">

<button onclick="start()" accesskey="s">开始(<U>S</U>)</button>

<button onclick="ok()" accesskey="o">停止(<U>O</U>)</button>

</span>

</div>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航