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 学习笔记 选择器之五
Jul 23 Javascript
HTML中的setCapture和releaseCapture使用介绍
Mar 21 Javascript
页面载入结束自动调用js函数示例
Sep 23 Javascript
修改或扩展jQuery原生方法的代码实例
Jan 13 Javascript
js前端面试题及答案整理(一)
Aug 26 Javascript
js html css实现复选框全选与反选
Oct 09 Javascript
JS触摸屏网页版仿app弹窗型滚动列表选择器/日期选择器
Oct 30 Javascript
vue导出html、word和pdf的实现代码
Jul 31 Javascript
解决LayUI数据表格复选框不居中显示的问题
Sep 25 Javascript
原生JS无缝滑动轮播图
Oct 22 Javascript
Vue Element UI自定义描述列表组件
May 18 Vue.js
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
推荐几部必看的DC动画电影
2020/03/03 欧美动漫
php学习笔记 PHP面向对象的程序设计
2011/06/13 PHP
php5.3中连接sqlserver2000的两种方法(com与ODBC)
2012/12/29 PHP
php curl的深入解析
2013/06/02 PHP
PHP fopen()和 file_get_contents()应用与差异介绍
2014/03/19 PHP
WordPress中用于检索模版的相关PHP函数使用解析
2015/12/15 PHP
用js脚本控制asp.net下treeview的NodeCheck的实现代码
2010/03/02 Javascript
网站页面自动跳转实现方法PHP、JSP(上)
2010/08/01 Javascript
JQuery中操作Css样式的方法
2014/02/12 Javascript
js实现局部页面打印预览原理及示例代码
2014/07/03 Javascript
Bootstrap每天必学之导航
2015/11/26 Javascript
JavaScript的Backbone.js框架的一些使用建议整理
2016/02/14 Javascript
javascript的BOM
2016/05/03 Javascript
Jquery中map函数的用法
2016/06/03 Javascript
浅析Bootstrap验证控件的使用
2016/06/23 Javascript
javascript ASCII和Hex互转的实现方法
2016/12/27 Javascript
详解用node搭建简单的静态资源管理器
2017/08/09 Javascript
微信小程序如何获取用户信息
2018/01/26 Javascript
详解处理bootstrap4不支持远程静态框问题
2018/07/20 Javascript
NodeJS 中Stream 的基本使用
2018/07/30 NodeJs
JavaScript 作用域实例分析
2019/10/02 Javascript
Vue实现鼠标经过文字显示悬浮框效果的示例代码
2020/10/14 Javascript
举例讲解Python中的算数运算符的用法
2015/05/13 Python
python+matplotlib绘制简单的海豚(顶点和节点的操作)
2018/01/02 Python
python实现诗歌游戏(类继承)
2019/02/26 Python
Python获取基金网站网页内容、使用BeautifulSoup库分析html操作示例
2019/06/04 Python
基于Django静态资源部署404的解决方法
2019/07/28 Python
Python内存映射文件读写方式
2020/04/24 Python
美国当红的名品折扣网:Gilt Groupe
2016/08/15 全球购物
马来西亚在线健康商店:Medipal Malaysia
2020/04/13 全球购物
公司董事长助理工作职责
2014/07/12 职场文书
计划生育责任书
2015/05/09 职场文书
交通事故被告答辩状
2015/05/22 职场文书
2015银行年终工作总结范文
2015/05/26 职场文书
分析并发编程之LongAdder原理
2021/06/29 Java/Android
使用canvas仿Echarts实现金字塔图的实例代码
2021/11/11 HTML / CSS