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 相关文章推荐
window.addeventjs事件驱动函数集合addEvent等
Feb 19 Javascript
捕获浏览器关闭、刷新事件不同情况下的处理方法
Jun 02 Javascript
Javascript 遮罩层和加载效果代码
Aug 01 Javascript
javascript读取xml实现javascript分页
Dec 13 Javascript
jquery实现向下滑出的二级导航下滑菜单效果
Aug 25 Javascript
JavaScript基本数据类型及值类型和引用类型
Aug 25 Javascript
JavaScript对象数组的排序处理方法
Oct 21 Javascript
基于jquery实现ajax无刷新评论
Aug 19 Javascript
JS添加删除DIV的简单实例
Jul 08 Javascript
javascript判断元素存在和判断元素存在于实时的dom中的方法
Jan 17 Javascript
vue axios 表单提交上传图片的实例
Mar 16 Javascript
vue制作抓娃娃机的示例代码
Apr 17 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
is_uploaded_file函数引发的不能上传文件问题
2013/10/29 PHP
基于PHP的简单采集数据入库程序
2014/07/30 PHP
php提示Failed to write session data错误的解决方法
2014/12/17 PHP
php源码的使用方法讲解
2019/09/26 PHP
javascript 清空form表单中某种元素的值
2009/12/26 Javascript
javascript加号&quot;+&quot;的二义性说明
2013/03/04 Javascript
JS如何将UTC格式时间转本地格式
2013/09/04 Javascript
js简单实现HTML标签Select联动带跳转
2013/10/23 Javascript
javascript中var的重要性分析
2015/02/11 Javascript
实现音乐播放器的代码(html5+css3+jquery)
2015/08/04 Javascript
概述一个页面从输入URL到页面加载完的过程
2016/12/16 Javascript
基于jQuery实现文字打印动态效果
2017/04/21 jQuery
angular实现图片懒加载实例代码
2017/06/08 Javascript
angularJS的radio实现单项二选一的使用方法
2018/02/28 Javascript
JavaScript作用域、闭包、对象与原型链概念及用法实例总结
2018/08/20 Javascript
vue3.0中使用postcss-pxtorem的具体方法
2019/11/20 Javascript
jQuery操作元素追加内容示例
2020/01/10 jQuery
Windows下Eclipse+PyDev配置Python+PyQt4开发环境
2016/05/17 Python
Python实现图片裁剪的两种方式(Pillow和OpenCV)
2019/10/30 Python
PyCharm汉化安装及永久激活详细教程(靠谱)
2020/01/16 Python
利用Tensorboard绘制网络识别准确率和loss曲线实例
2020/02/15 Python
关于tf.TFRecordReader()函数的用法解析
2020/02/17 Python
Python实现自动签到脚本功能
2020/08/20 Python
苏宁红孩子母婴商城:redbaby
2017/02/12 全球购物
欧洲品牌瓷器餐具网上商店:Porzellantreff.de
2018/04/04 全球购物
会计学应届毕业生推荐信
2013/11/04 职场文书
优秀团支部事迹材料
2014/02/08 职场文书
趣味运动会活动方案
2014/02/12 职场文书
《手指教学》反思
2014/02/14 职场文书
小学毕业寄语大全
2014/04/03 职场文书
理财学专业自荐书
2014/06/28 职场文书
2014年创先争优工作总结
2014/12/11 职场文书
2015年小学英语教师工作总结
2015/05/12 职场文书
2015年公司后勤管理工作总结
2015/05/13 职场文书
公司仓库管理制度
2015/08/04 职场文书
关于军训的感想
2015/08/07 职场文书