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 相关文章推荐
使用jQuery动态加载js脚本文件的方法
Apr 03 Javascript
JavaScript插件化开发教程 (三)
Jan 27 Javascript
javascript实现树形菜单的方法
Jul 17 Javascript
javascript判断网页是关闭还是刷新
Sep 12 Javascript
微信小程序 setData的使用方法详解
Apr 20 Javascript
react-redux中connect()方法详细解析
May 27 Javascript
基于 Vue.js 之 iView UI 框架非工程化实践记录(推荐)
Nov 21 Javascript
JS对象与json字符串相互转换实现方法示例
Jun 14 Javascript
JavaScript简易计算器制作
Jan 17 Javascript
vue 如何使用递归组件
Oct 23 Javascript
JavaScript实现跟随鼠标移动的盒子
Jan 28 Javascript
详解Node.js如何处理ES6模块
May 15 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
php函数serialize()与unserialize()用法实例
2014/11/06 PHP
通过location.replace禁止浏览器后退防止重复提交
2014/09/04 Javascript
js查找节点的方法小结
2015/01/13 Javascript
Jquery中CSS选择器用法分析
2015/02/10 Javascript
javascript实现画不相交的圆
2015/04/07 Javascript
JQuery入门基础小实例(1)
2015/09/17 Javascript
jQuery控制文本框只能输入数字和字母及使用方法
2016/05/26 Javascript
jQuery+ajax实现滚动到页面底部自动加载图文列表效果(类似图片懒加载)
2016/06/07 Javascript
jQuery实现带遮罩层效果的blockUI弹出层示例【附demo源码下载】
2016/09/14 Javascript
angular2中Http请求原理与用法详解
2018/01/11 Javascript
详解JavaScript 中 if / if...else...替换方式
2018/07/15 Javascript
Vue中通过vue-router实现命名视图的问题
2020/04/23 Javascript
vue 需求 data中的数据之间的调用操作
2020/08/05 Javascript
python显示生日是星期几的方法
2015/05/27 Python
Python抽象类的新写法
2015/06/18 Python
利用Python将时间或时间间隔转为ISO 8601格式方法示例
2017/09/05 Python
python批量修改图片后缀的方法(png到jpg)
2018/10/25 Python
使用 Visual Studio Code(VSCode)搭建简单的Python+Django开发环境的方法步骤
2018/12/17 Python
PyQt5实现简易计算器
2020/05/30 Python
对于Python深浅拷贝的理解
2019/07/29 Python
对Python 中矩阵或者数组相减的法则详解
2019/08/26 Python
Windows 平台做 Python 开发的最佳组合(推荐)
2020/07/27 Python
高街生活方式全球在线商店:AZBRO
2017/08/26 全球购物
中国一家专注拼团的社交购物网站:拼多多
2018/06/13 全球购物
银行财务部实习生的自我鉴定
2013/11/27 职场文书
高中考试作弊检讨书
2014/01/14 职场文书
中式餐厅创业计划书范文
2014/01/23 职场文书
《钱学森》听课反思
2014/03/01 职场文书
《路旁的橡树》教学反思
2014/04/07 职场文书
合作协议书
2014/04/23 职场文书
车辆工程专业求职信
2014/04/28 职场文书
雷锋精神演讲稿
2014/05/13 职场文书
2015年社区矫正工作总结
2015/04/21 职场文书
高温慰问简报
2015/07/21 职场文书
Nginx反向代理及负载均衡如何实现(基于linux)
2021/03/31 Servers
关于redisson缓存序列化几枚大坑说明
2021/08/04 Redis