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 相关文章推荐
js字符串转成JSON
Nov 07 Javascript
jQuery响应enter键的实现思路
Apr 18 Javascript
详解javascript new的运行机制
Jan 26 Javascript
在html中引入外部js文件,并调用带参函数的方法
Oct 31 Javascript
canvas快速绘制圆形、三角形、矩形、多边形方法介绍
Dec 29 Javascript
基于jquery的on和click的区别详解
Jan 15 jQuery
Vue中的v-for循环key属性注意事项小结
Aug 12 Javascript
Element-UI中关于table表格的那些骚操作(小结)
Aug 15 Javascript
微信小程序实现点击图片放大预览
Oct 21 Javascript
基于vue+echarts 数据可视化大屏展示的方法示例
Mar 09 Javascript
一分钟学会JavaScript中的try-catch
Dec 14 Javascript
typescript编写微信小程序创建项目的方法
Jan 29 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&amp;&amp;mysql)一
2006/10/09 PHP
php实现删除空目录的方法
2015/03/16 PHP
php同时使用session和cookie来保存用户登录信息的实现代码
2016/05/13 PHP
yii2中dropDownList实现二级和三级联动写法
2017/04/26 PHP
JS 页面内容搜索,类似于 Ctrl+F功能的实现代码
2007/08/13 Javascript
Firebug入门指南(Firefox浏览器)
2010/08/21 Javascript
jquery 结合C#后台的数组对文章的关键字自动添加链接的代码
2011/07/15 Javascript
js字符串截取函数substr substring slice使用对比
2013/11/27 Javascript
JavaScript设计模式之工厂模式和构造器模式
2015/02/11 Javascript
喜大普奔!jQuery发布 3.0 最终版
2016/06/12 Javascript
vue2.0实现导航菜单切换效果
2017/05/08 Javascript
详解vue slot插槽的使用方法
2017/06/13 Javascript
微信小程序利用canvas 绘制幸运大转盘功能
2018/07/06 Javascript
vue 实现左右拖拽元素并且不超过他的父元素的宽度
2018/11/30 Javascript
从零学Python之入门(三)序列
2014/05/25 Python
Python记录详细调用堆栈日志的方法
2015/05/05 Python
完美解决python遍历删除字典里值为空的元素报错问题
2016/09/11 Python
Python制作钉钉加密/解密工具
2016/12/07 Python
python3爬取淘宝信息代码分析
2018/02/10 Python
Python图像处理之识别图像中的文字(实例讲解)
2018/05/10 Python
Windows下PyCharm安装图文教程
2018/08/27 Python
python+Splinter实现12306抢票功能
2018/09/25 Python
Python计算不规则图形面积算法实现解析
2019/11/22 Python
Python更改pip镜像源的方法示例
2020/12/01 Python
Html5移动端获奖无缝滚动动画实现示例
2018/06/25 HTML / CSS
澳大利亚香水在线:Price Rite Mart
2017/12/28 全球购物
采购文员岗位职责
2013/11/20 职场文书
咨询公司各岗位职责
2013/12/02 职场文书
中学生期中自我鉴定
2014/04/20 职场文书
《青海高原一株柳》教学反思
2014/04/25 职场文书
优质服务活动实施方案
2014/05/02 职场文书
医院领导班子整改方案
2014/10/01 职场文书
会议通知范文
2015/04/15 职场文书
培训班开班主持词
2015/07/02 职场文书
礼貌问候语大全
2015/11/10 职场文书
Python字符串常规操作小结
2022/04/03 Python