js抽奖实现随机抽奖代码效果


Posted in Javascript onDecember 02, 2013

随机抽取,简单代码。

 
<html> 
<title>随机抽奖程序</title> 
<head><meta http-equiv=Content-Type content="text/html; charset=gb2312"> 
</head> 
<body> 
<script type="text/javascript"> 
var alldata = "a,b,c,d,e" 
var alldataarr = alldata.split(","); 
var num = alldataarr.length-1 ; 
var timer 
function change() 
{ 
document.getElementById("oknum").innerHTML = alldataarr[GetRnd(0,num)]; 
} 
function start(){ 
clearInterval(timer); 
timer = setInterval('change()',10); 
} 
function ok(){ 
clearInterval(timer); 
document.getElementById("showresult").value=document.getElementById("oknum").innerText; 
} 
function GetRnd(min,max){ 
return parseInt(Math.random()*(max-min+1)); 
} 
</script> 
<center> 
<div id="oknum" name="oknum" >请单击开始</div> 
<button onclick="start()" accesskey="s">开始</button> 
<button onclick="ok()" accesskey="o">停止</button> 
您的选择是: 
<input type="text" id="showresult" value=""> 
</center> 
</body> 
</html>
Javascript 相关文章推荐
善用事件代理,警惕闭包的性能陷阱。
Jan 20 Javascript
jQuery学习笔记之控制页面实现代码
Feb 27 Javascript
window.requestAnimationFrame是什么意思,怎么用
Jan 13 Javascript
Jquery submit()无法提交问题
Apr 21 Javascript
教你在heroku云平台上部署Node.js应用
Jul 30 Javascript
全面解析Bootstrap手风琴效果
Apr 17 Javascript
详解Vue2 无限级分类(添加,删除,修改)
Mar 07 Javascript
H5实现仿flash效果的实现代码
Sep 29 Javascript
浅谈vue项目如何打包扔向服务器
May 08 Javascript
vue-cli项目代理proxyTable配置exclude的方法
Sep 20 Javascript
解决vue初始化项目时,一直卡在Project description上的问题
Oct 31 Javascript
vue路由传参三种基本方式详解
Dec 09 Javascript
javascript模拟地球旋转效果代码实例
Dec 02 #Javascript
js实现全屏漂浮广告移入光标停止移动
Dec 02 #Javascript
扩展JS Date对象时间格式化功能的小例子
Dec 02 #Javascript
判断JS对象是否拥有某种属性的两种方式
Dec 02 #Javascript
关于js中for in的缺陷浅析
Dec 02 #Javascript
js验证整数加保留小数点的简单实例
Dec 02 #Javascript
ExtJs中gridpanel分组后组名排序实例代码
Dec 02 #Javascript
You might like
2020显卡排行榜天梯图 显卡天梯图2020年3月最新版
2020/04/02 数码科技
php实现过滤字符串中的中文和数字实例
2015/07/29 PHP
Apache无法自动跳转却显示目录的解决方法
2020/11/30 PHP
js函数的引用, 关于内存的开销
2012/09/17 Javascript
jquery判断浏览器类型的代码
2012/11/05 Javascript
jquery validate添加自定义验证规则(验证邮箱 邮政编码)
2013/12/04 Javascript
JavaScript的null和undefined区别示例介绍
2014/09/15 Javascript
NodeJS学习笔记之MongoDB模块
2015/01/13 NodeJs
JQuery菜单效果的两个实例讲解(3)
2015/09/17 Javascript
纯javascript版日历控件
2016/11/24 Javascript
AngularJS入门教程之Helloworld示例
2016/12/25 Javascript
JS正则RegExp.test()使用注意事项(不具有重复性)
2016/12/28 Javascript
Angular中的$watch方法详解
2017/09/18 Javascript
判断滚动条滑到底部触发事件(实例讲解)
2017/11/15 Javascript
webpack打包html里面img后src为“[object Module]”问题
2019/12/22 Javascript
微信小程序入门之指南针
2020/10/22 Javascript
Python的ORM框架SQLObject入门实例
2014/04/28 Python
pygame学习笔记(3):运动速率、时间、事件、文字
2015/04/15 Python
举例讲解Python中的迭代器、生成器与列表解析用法
2016/03/20 Python
Python3使用requests登录人人影视网站的方法
2016/05/11 Python
python使用xlrd与xlwt对excel的读写和格式设定
2017/01/21 Python
Django使用Mysql数据库已经存在的数据表方法
2018/05/27 Python
使用pandas对两个dataframe进行join的实例
2018/06/08 Python
Python实现图片批量加入水印代码实例
2019/11/30 Python
使用matlab 判断两个矩阵是否相等的实例
2020/05/11 Python
matplotlib.pyplot.matshow 矩阵可视化实例
2020/06/16 Python
Python基于locals返回作用域字典
2020/10/17 Python
PyTorch 中的傅里叶卷积实现示例
2020/12/11 Python
大学生专业个人学习的自我评价
2013/10/26 职场文书
文员岗位职责
2013/11/09 职场文书
校长竞聘演讲稿
2014/05/16 职场文书
体育馆的标语
2014/06/24 职场文书
派出所班子党的群众路线对照检查材料思想汇报
2014/10/01 职场文书
爱的承诺书
2015/01/20 职场文书
出国留学导师推荐信
2015/03/26 职场文书
Python开发简易五子棋小游戏
2022/05/02 Python