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 URL参数判断,确定菜单样式
May 31 Javascript
JavaScript的类型简单说明
Sep 03 Javascript
js事件(Event)知识整理
Oct 11 Javascript
一看就懂:jsonp详解
Jun 01 Javascript
jQuery实现鼠标点击弹出渐变层的方法
Jul 09 Javascript
JavaScript Ajax编程 应用篇
Jul 02 Javascript
谈谈jQuery之Deferred源码剖析
Dec 19 Javascript
使用vue制作FullPage页面滚动效果
Aug 21 Javascript
原生JS实现瀑布流插件
Feb 06 Javascript
vue中子组件的methods中获取到props中的值方法
Aug 27 Javascript
vue-quill-editor插入图片路径太长问题解决方法
Jan 08 Vue.js
如何在 Vue 中使用 JSX
Feb 14 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在DOS命令行下却无法链接MySQL的技术笔记
2010/12/29 PHP
新手学习PHP的一些基础知识分享
2011/07/27 PHP
php文件打包 下载之使用PHP自带的ZipArchive压缩文件并下载打包好的文件
2012/06/13 PHP
php xml常用函数的集合(比较详细)
2013/06/06 PHP
教你如何快捷的使用cmd访问mysql小技巧
2014/05/26 PHP
Yii入门教程之Yii安装及hello world
2014/11/25 PHP
PHP微信模板消息操作示例
2017/06/29 PHP
在Laravel中使用DataTables插件的方法
2018/05/29 PHP
浅析Prototype的模板类 Template
2011/12/07 Javascript
firefox浏览器不支持innerText的解决方法
2013/08/07 Javascript
onkeyup,onkeydown和onkeypress的区别介绍
2013/10/21 Javascript
如何学习Javascript入门指导
2013/11/01 Javascript
JavaScript截取字符串的Slice、Substring、Substr函数详解和比较
2014/03/20 Javascript
js取得html iframe中的元素和变量值
2014/06/30 Javascript
自编jQuery插件实现模拟alert和confirm
2014/09/01 Javascript
JavaScript实现打地鼠小游戏
2020/04/23 Javascript
webpack进阶——缓存与独立打包的用法
2017/08/02 Javascript
js 发布订阅模式的实例讲解
2017/09/10 Javascript
说说node中的可读流和可写流的区别
2018/06/01 Javascript
JavaScript设计模式之建造者模式实例教程
2018/07/02 Javascript
vue3.0 CLI - 2.4 - 新组件 Forms.vue 中学习表单
2018/09/14 Javascript
浅谈redux, koa, express 中间件实现对比解析
2019/05/23 Javascript
createObjectURL方法实现本地图片预览
2019/09/30 Javascript
浅谈v-for 和 v-if 并用时筛选条件方法
2019/11/07 Javascript
浅谈vue.watch的触发条件是什么
2020/11/07 Javascript
[03:12]完美世界DOTA2联赛PWL DAY9集锦
2020/11/10 DOTA
python中的编码知识整理汇总
2016/01/26 Python
Python3.8对可迭代解包的改进及用法详解
2019/10/15 Python
Python常用模块logging——日志输出功能(示例代码)
2019/11/20 Python
django处理select下拉表单实例(从model到前端到post到form)
2020/03/13 Python
如何利用python web框架做文件流下载的实现示例
2020/06/02 Python
网页切图的CSS和布局经验与要点
2015/04/09 HTML / CSS
不可轻视HTML5!App三年内将被html5顶替彻底消失
2015/11/18 HTML / CSS
美国最好的钓鱼、狩猎和划船装备商店:Bass Pro Shops
2018/12/02 全球购物
打架检讨书100字
2014/01/19 职场文书
食品安全主题班会
2015/08/13 职场文书