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 字符串连接[性能比较]
May 10 Javascript
jQuery基础框架浅入剖析
Dec 27 Javascript
JS清除IE浏览器缓存的方法
Jul 26 Javascript
点击页面其它地方隐藏该div的两种思路
Nov 18 Javascript
清除div下面的所有标签的方法
Feb 17 Javascript
JS小游戏之宇宙战机源码详解
Sep 25 Javascript
JavaScript实现同步于本地时间的动态时间显示方法
Feb 02 Javascript
setTimeout学习小结
Feb 08 Javascript
javascript获取图片的top N主色值方法详解
Jan 26 Javascript
layer弹出层自定义提交取消按钮的例子
Sep 10 Javascript
vue axios封装httpjs,接口公用配置拦截操作
Aug 11 Javascript
uni-app 自定义底部导航栏的实现
Dec 11 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
MySQL GBK→UTF-8编码转换
2007/05/24 PHP
用php的ob_start来生成静态页面的方法分析
2011/03/09 PHP
PHP Session机制简介及用法
2014/08/19 PHP
PHP正则替换函数preg_replace和preg_replace_callback使用总结
2014/09/22 PHP
自己写的php中文截取函数mb_strlen和mb_substr
2015/02/09 PHP
浅析Yii2 gridview实现批量删除教程
2016/04/22 PHP
Smarty实现页面静态化(生成HTML)的方法
2016/05/23 PHP
phpStudy2016 配置多个域名期间遇到的问题小结
2017/10/19 PHP
php + WebUploader实现图片批量上传功能
2019/05/06 PHP
PHP保留两位小数的几种方法
2019/07/24 PHP
Dom操作之兼容技巧分享
2011/09/20 Javascript
jQuery使用after()方法在元素后面添加多项内容的方法
2015/03/26 Javascript
SublimeText自带格式化代码功能之reindent
2015/12/27 Javascript
angularjs 源码解析之injector
2016/08/22 Javascript
解析预加载显示图片艺术
2016/12/05 Javascript
原生js实现可拖拽效果
2017/02/28 Javascript
div中文字内容溢出常见的解决方法
2017/03/16 Javascript
js判断是否是手机页面
2017/03/17 Javascript
js 发布订阅模式的实例讲解
2017/09/10 Javascript
微信小程序实现上传图片功能
2018/05/28 Javascript
ajax与jsonp的区别及用法
2018/10/16 Javascript
[38:31]完美世界DOTA2联赛PWL S3 Magma vs GXR 第一场 12.13
2020/12/17 DOTA
python连接远程ftp服务器并列出目录下文件的方法
2015/04/01 Python
Python数据结构与算法之使用队列解决小猫钓鱼问题
2017/12/14 Python
Python 运行 shell 获取输出结果的实例
2019/01/07 Python
强悍的Python读取大文件的解决方案
2019/02/16 Python
用sqlalchemy构建Django连接池的实例
2019/08/29 Python
Python3 合并二叉树的实现
2019/09/30 Python
django实现类似触发器的功能
2019/11/15 Python
基于python及pytorch中乘法的使用详解
2019/12/27 Python
数据库基础的一些面试题
2012/02/25 面试题
政法大学毕业生自荐信范文
2014/01/01 职场文书
乡下人家教学反思
2014/02/01 职场文书
部队2014年终工作总结
2014/11/27 职场文书
教师求职信怎么写
2015/03/20 职场文书
python将图片转为矢量图的方法步骤
2021/03/30 Python