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 相关文章推荐
广告显示判断
Aug 31 Javascript
firefox浏览器下javascript 拖动层效果与原理分析代码
Dec 04 Javascript
Aptana调试javascript图解教程
Nov 30 Javascript
jQuery中验证表单提交方式及序列化表单内容的实现
Jan 06 Javascript
网页中表单按回车就自动提交的问题的解决方案
Nov 03 Javascript
javascript实现动态统计图开发实例
Nov 21 Javascript
JS实现拖动滚动条评分的效果代码分享
Sep 29 Javascript
JS实现向iframe中表单传值的方法
Mar 24 Javascript
jquery操作ul的一些操作笔记整理(干货)
Aug 31 jQuery
Angular4绑定html内容出现警告的处理方法
Nov 03 Javascript
vuex 使用文档小结篇
Jan 11 Javascript
js统计页面上每个标签的数量实例代码
May 29 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
在Windows系统上安装PHP运行环境文字教程
2010/07/19 PHP
php在多维数组中根据键名快速查询其父键以及父键值的代码
2011/05/07 PHP
PHP中模糊查询并关联三个select框
2017/06/19 PHP
PHP实现的字符串匹配算法示例【sunday算法】
2017/12/19 PHP
PHP中16个高危函数整理
2019/09/19 PHP
Jquery AJAX 框架的使用方法
2009/11/03 Javascript
js 巧妙去除数组中的重复项
2010/01/25 Javascript
Jquery 1.42 checkbox 全选和反选代码
2010/03/27 Javascript
JavaScript在IE和Firefox浏览器下的7个差异兼容写法小结
2010/06/18 Javascript
js实现addClass,removeClass,hasClass的函数代码
2011/07/13 Javascript
node.js开发中使用Node Supervisor实现监测文件修改并自动重启应用
2014/11/04 Javascript
jQuery实现form表单元素序列化为json对象的方法
2015/12/09 Javascript
jQGrid动态填充select下拉框的选项值(动态填充)
2016/11/28 Javascript
js单页hash路由原理与应用实战详解
2017/08/14 Javascript
使用vue-resource进行数据交互的实例
2017/09/02 Javascript
vue 实现axios拦截、页面跳转和token 验证
2018/07/17 Javascript
详解Vue.js自定义tipOnce指令用法实例
2018/12/19 Javascript
js如何验证密码强度
2020/03/18 Javascript
通过angular CDK实现页面元素拖放的步骤详解
2020/07/01 Javascript
[59:30]完美世界DOTA2联赛PWL S3 access vs LBZS 第二场 12.20
2020/12/23 DOTA
python实现用户登录系统
2016/05/21 Python
Python利用字典将两个通讯录文本合并为一个文本实例
2018/01/16 Python
python flask框架实现重定向功能示例
2019/07/02 Python
Python实现socket非阻塞通讯功能示例
2019/11/06 Python
django 前端页面如何实现显示前N条数据
2020/03/16 Python
德国黑胶唱片、街头服装及运动鞋网上商店:HHV
2018/08/24 全球购物
狼和鹿教学反思
2014/02/05 职场文书
大学班级学风建设方案
2014/05/01 职场文书
科级干部群众路线教育实践活动个人对照检查材料
2014/09/19 职场文书
领导班子作风建设年个人整改措施
2014/09/29 职场文书
个人党性分析总结
2015/03/05 职场文书
结婚喜宴祝酒词
2015/08/10 职场文书
Javascript中的解构赋值语法详解
2021/04/02 Javascript
Python list去重且保持原顺序不变的方法
2021/04/03 Python
Spring Cloud Gateway去掉url前缀
2021/07/15 Java/Android
MySQL生成千万测试数据以及遇到的问题
2022/08/05 MySQL