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 EasyUI的formatter格式化函数代码
Jan 12 Javascript
jQuery EasyUI API 中文文档 - ValidateBox验证框
Oct 06 Javascript
extjs实现选择多表自定义查询功能 前台部分(ext源码)
Dec 20 Javascript
NODE.JS加密模块CRYPTO常用方法介绍
Jun 05 Javascript
JavaScript 开发工具webstrom使用指南
Dec 09 Javascript
Vue.js每天必学之过渡与动画
Sep 06 Javascript
微信小程序 生命周期详解
Oct 12 Javascript
vue element-ui之怎么封装一个自己的组件的详解
May 20 Javascript
解决node.js含有%百分号时发送get请求时浏览器地址自动编码的问题
Nov 20 Javascript
Javascript var变量删除原理及实现
Aug 26 Javascript
基于JS实现操作成功之后自动跳转页面
Sep 25 Javascript
Vue ECharts实现机舱座位选择展示功能
May 15 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
PHP验证信用卡卡号是否正确函数
2015/05/27 PHP
学习PHP的数组总结【经验】
2016/05/05 PHP
php微信公众平台开发(三)订阅事件处理
2016/12/06 PHP
php中实现字符串翻转的方法
2017/02/22 PHP
PHP创建单例后台进程的方法示例
2017/05/23 PHP
PHP简单获取随机数的常用方法小结
2017/06/07 PHP
php使用crypt()函数进行加密
2017/06/08 PHP
Laravel框架查询构造器简单示例
2019/05/08 PHP
Laravel 连接(Join)示例
2019/10/16 PHP
jquery的ajax从纯真网(cz88.net)获取IP地址对应地区名
2009/12/02 Javascript
JQuery 中几个类选择器的简单使用介绍
2013/03/14 Javascript
解析dom中的children对象数组元素firstChild,lastChild的使用
2013/07/10 Javascript
javascript页面渲染速度测试脚本分享
2014/04/15 Javascript
JS实现iframe自适应高度的方法(兼容IE与FireFox)
2016/06/24 Javascript
jQuery实现简洁的轮播图效果实例
2016/09/07 Javascript
js点击按钮实现水波纹效果代码(CSS3和Canves)
2016/09/15 Javascript
AngularJS实现与Java Web服务器交互操作示例【附demo源码下载】
2016/11/02 Javascript
js实现上下左右弹框划出效果
2017/03/08 Javascript
jQuery实现frame之间互通的方法
2017/06/26 jQuery
Node.js assert断言原理与用法分析
2019/01/04 Javascript
JS多个表单数据提交下的serialize()应用实例分析
2019/08/27 Javascript
vue自定义指令和动态路由实现权限控制
2020/08/28 Javascript
javascript实现随机抽奖功能
2020/12/30 Javascript
以一段代码为实例快速入门Python2.7
2015/03/31 Python
python numpy函数中的linspace创建等差数列详解
2017/10/13 Python
python 实现PIL模块在图片画线写字
2020/05/16 Python
Python dict的常用方法示例代码
2020/06/23 Python
Python爬虫回测股票的实例讲解
2021/01/22 Python
C语言基础笔试题
2013/04/27 面试题
网络教育自我鉴定
2014/02/04 职场文书
辩护意见书
2015/06/04 职场文书
医院岗前培训心得体会
2016/01/08 职场文书
毕业生的自我鉴定表范文
2019/05/16 职场文书
php 原生分页
2021/04/01 PHP
用python实现监控视频人数统计
2021/05/21 Python
深入浅出讲解Java8函数式编程
2022/01/18 Java/Android