angular简单随机选择
来源:互联网 发布:javascript 输入 赋值 编辑:程序博客网 时间:2024/05/22 05:54
<!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>
<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>
阅读全文
0 0
- angular简单随机选择
- 简单的双色球随机选择
- 随机选择
- 随机选择
- Angular ngTable 按钮选择
- 随机算法之随机选择
- 随机选择算法
- 随机选择一个文件
- 随机选择算法
- 数组随机选择
- C++随机选择算法
- 随机选择问题
- 随机选择(JS)
- 随机选择算法
- 随机选择出口
- 随机选择2(JS)
- 随机选择案例
- [00311]随机选择
- Python 1. 变量和字符串
- nodejs块级作用域
- mysql 连接失败:SQLSTATE[HY000] [2003] Can't connect to 公网服务器
- UsacoTraining Chapter1.3 Milking Cows
- 【C++】使用new新建动态二维数组
- angular简单随机选择
- Java设计模式之享元模式
- Android Activity探究活动
- PageRank算法 到 textRank
- 【考研】第十四周总结
- 在notebook中使用pyspark遇到的问题
- 有趣的理解面向对象之封装!
- 史上最简单的 MySQL 教程(四十)「数据库变量」
- 使用Tomcat实现Java连接池(解决main中不能够调用问题)