js实现简单随机抽奖的方法


Posted in Javascript onJanuary 27, 2015

本文实例讲述了js实现简单随机抽奖的方法。分享给大家供大家参考。具体实现方法如下:

<html> 

<title>js随机抽奖程序</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,f,g,h,i,j,k" 

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()',100); 

} 

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程序设计有所帮助。

Javascript 相关文章推荐
Javascript实例教程(19) 使用HoTMetal(5)
Dec 23 Javascript
快速排序 php与javascript的不同之处
Feb 22 Javascript
JavaScript判断是否为数字的4种方法及效率比较
Apr 01 Javascript
js 求时间差的实现代码
Apr 26 Javascript
js仿支付宝多方框输入支付密码效果
Sep 27 Javascript
微信小程序 动态绑定事件并实现事件修改样式
Apr 13 Javascript
JS实现提交表单前的数字及邮箱校检功能
Nov 13 Javascript
微信小程序icon组件使用详解
Jan 31 Javascript
深入浅析Node环境和浏览器的区别
Aug 14 Javascript
解决vuecli3.0热更新失效的问题
Sep 19 Javascript
JavaScript函数式编程(Functional Programming)纯函数用法分析
May 22 Javascript
js图片无缝滚动插件使用详解
May 26 Javascript
JavaScript插件化开发教程 (二)
Jan 27 #Javascript
javascript将数字转换整数金额大写的方法
Jan 27 #Javascript
JS实现同时搜索百度和必应的方法
Jan 27 #Javascript
js获取域名的方法
Jan 27 #Javascript
JavaScript插件化开发教程 (一)
Jan 27 #Javascript
js的toLowerCase方法用法实例
Jan 27 #Javascript
js的toUpperCase方法用法实例
Jan 27 #Javascript
You might like
用PHP创建PDF中文文档
2006/10/09 PHP
详解PHP使用日期时间处理器Carbon人性化显示时间
2017/08/10 PHP
PHP 实现人民币小写转换成大写的方法及大小写转换函数
2017/11/17 PHP
Yii框架组件的事件机制原理与用法分析
2020/04/07 PHP
javascript 获取网页参数系统
2008/07/19 Javascript
让jQuery Mobile不显示讨厌loading界面的方法
2014/02/19 Javascript
文本域光标操作的jQuery扩展分享
2014/03/10 Javascript
网页右侧悬浮滚动在线qq客服代码示例
2014/04/28 Javascript
javascript将浮点数转换成整数的三个方法
2014/06/23 Javascript
IE中getElementsByName()对有些元素无效的解决方案
2014/09/28 Javascript
jQuery中DOM操作实例分析
2015/01/23 Javascript
基于jQuery实现网页进度显示插件
2015/03/04 Javascript
DOM 高级编程
2015/05/06 Javascript
javascript中一些util方法汇总
2015/06/10 Javascript
JavaScript采用递归算法计算阶乘实例
2015/08/04 Javascript
js时间比较 js计算时间差的简单实现方法
2016/08/26 Javascript
Bootstrap实现提示框和弹出框效果
2017/01/11 Javascript
Vue.js中兄弟组件之间互相传值实例
2017/06/01 Javascript
微信小程序使用video组件播放视频功能示例【附源码下载】
2017/12/08 Javascript
详解vuex的简单使用
2018/03/12 Javascript
vue 表单输入格式化中文输入法异常问题
2018/05/30 Javascript
vue地址栏直接输入路由无效问题的解决
2018/11/15 Javascript
深入学习JavaScript中的bom
2019/05/27 Javascript
微信小程序 Storage更新详解
2019/07/16 Javascript
js 图片懒加载的实现
2020/10/21 Javascript
python使用BeautifulSoup分页网页中超链接的方法
2015/04/04 Python
Python读写ini文件的方法
2015/05/28 Python
python爬虫基本知识
2018/03/05 Python
详解django自定义中间件处理
2018/11/21 Python
django 自定义过滤器(filter)处理较为复杂的变量方法
2019/08/12 Python
优瑞自动咖啡机官网:Jura
2018/09/29 全球购物
大学团支书的自我评价分享
2013/12/14 职场文书
英语分层教学实施方案
2014/06/15 职场文书
组织生活会表态发言材料
2014/10/17 职场文书
优秀班主任先进事迹材料
2014/12/16 职场文书
MySQL 数据表操作
2022/05/04 MySQL