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 相关文章推荐
js prototype 格式化数字 By shawl.qiu
Apr 02 Javascript
js 函数调用模式小结
Dec 26 Javascript
jQuery点击弹出下拉菜单的小例子
Aug 01 Javascript
字段太多jquey快速清空表单内容方法
Aug 21 Javascript
js实现编辑div节点名称的方法
Dec 17 Javascript
DOM基础教程之使用DOM控制表单
Jan 20 Javascript
jQuery实现带水平滑杆的焦点图动画插件
Mar 08 Javascript
AngularJS控制器继承自另一控制器
May 09 Javascript
微信小程序实现刷脸登录
May 25 Javascript
详解微信JS-SDK选择图片遇到的坑
Aug 15 Javascript
如何安装控制器JavaScript生成插件详解
Oct 21 Javascript
JavaScript如何利用Promise控制并发请求个数
May 14 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
亚洲咖啡有什么?亚洲咖啡产地介绍 亚洲咖啡有什么特点?
2021/03/05 新手入门
利用js调用后台php进行数据处理原码
2006/10/09 PHP
php5 apache 2.2 webservice 创建与配置(java)
2011/01/27 PHP
PHP 魔术变量和魔术函数详解
2015/02/25 PHP
thinkphp实现163、QQ邮箱收发邮件的方法
2015/12/18 PHP
Aster vs KG BO3 第三场2.18
2021/03/10 DOTA
js获取某月的最后一天日期的简单实例
2013/06/22 Javascript
js操作css属性实现div层展开关闭效果的方法
2015/05/11 Javascript
JS前端加密算法示例
2016/12/22 Javascript
使用ionic在首页新闻中应用到的跑马灯效果的实现方法
2017/02/13 Javascript
js遍历json对象所有key及根据动态key获取值的方法(必看)
2017/03/09 Javascript
javascript使用btoa和atob来进行Base64转码和解码
2017/03/20 Javascript
Angular2使用Augury来调试Angular2程序
2017/05/21 Javascript
Vue2.0 axios前后端登陆拦截器(实例讲解)
2017/10/27 Javascript
Vue微信项目按需授权登录策略实践思路详解
2018/05/07 Javascript
vuex提交state&amp;&amp;实时监听state数据的改变方法
2018/09/16 Javascript
微信小程序自定义单项选择器样式
2019/07/25 Javascript
jQuery实现简单弹幕制作
2020/12/10 jQuery
Python win32com 操作Exce的l简单方法(必看)
2017/05/25 Python
python-opencv获取二值图像轮廓及中心点坐标的代码
2019/08/27 Python
Python 随机生成测试数据的模块:faker基本使用方法详解
2020/04/09 Python
python实现文件分片上传的接口自动化
2020/11/19 Python
俄罗斯护发和专业化妆品购物网站:Hihair
2019/09/28 全球购物
Java中的类包括什么内容?设计时要注意哪些方面
2012/05/23 面试题
高中毕业自我鉴定
2013/12/16 职场文书
医院门卫岗位职责
2013/12/30 职场文书
麦当劳辞职信范文
2014/01/18 职场文书
争论的故事教学反思
2014/02/06 职场文书
幼儿园中班下学期评语
2014/04/18 职场文书
创先争优个人承诺书
2014/08/30 职场文书
上班迟到检讨书
2014/09/15 职场文书
公司授权委托书范文
2014/09/21 职场文书
Java数组与堆栈相关知识总结
2021/06/29 Java/Android
JavaScript函数柯里化
2021/11/07 Javascript
《战锤40K:暗潮》跳票至9月 公布新宣传片
2022/04/03 其他游戏
微信小程序 WeUI扩展组件库的入门教程
2022/04/21 Javascript