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 options属性集合操作代码
Dec 28 Javascript
javascript高级程序设计第二版第十二章事件要点总结(常用的跨浏览器检测方法)
Aug 22 Javascript
微信小程序中setInterval的使用方法
Sep 29 Javascript
原生JS实现多个小球碰撞反弹效果示例
Jan 31 Javascript
vue检测对象和数组的变化分析
Jun 30 Javascript
layer.confirm取消按钮绑定事件的方法
Aug 17 Javascript
解决vue 打包发布去#和页面空白的问题
Sep 04 Javascript
详解原生JS动态添加和删除类
Mar 26 Javascript
图解javascript作用域链
May 27 Javascript
js前端对于大量数据的展示方式及处理方法
Dec 02 Javascript
JS addEventListener()和attachEvent()方法实现注册事件
Jan 11 Javascript
JavaScript Dom实现轮播图原理和实例
Feb 19 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 文件类型判断代码
2009/03/13 PHP
php截取字符串并保留完整xml标签的函数代码
2013/02/06 PHP
php结合ajax实现手机发红包的案例
2016/10/13 PHP
详谈PHP中public,private,protected,abstract等关键字的用法
2017/12/31 PHP
javascript 动态调整图片尺寸实现代码
2009/12/28 Javascript
让你的博文自动带上缩址的实现代码,方便发到微博客上
2010/12/28 Javascript
jQuery获取注册信息并提示实现代码
2013/04/21 Javascript
浅析js预加载/延迟加载
2014/09/25 Javascript
Javascript 实现图片无缝滚动
2014/12/19 Javascript
基于Vue实现图书管理功能
2017/10/17 Javascript
Angular实现的简单定时器功能示例
2017/12/28 Javascript
如何将你的AngularJS1.x应用迁移至React的方法
2018/02/01 Javascript
JavaScript中严格判断NaN的方法
2018/02/16 Javascript
解决VUE框架 导致绑定事件的阻止冒泡失效问题
2018/02/24 Javascript
详解ajax的data参数错误导致页面崩溃
2018/04/30 Javascript
详解React-Router中Url参数改变页面不刷新的解决办法
2018/05/08 Javascript
JS实现随机生成10个手机号的方法示例
2018/12/07 Javascript
Vue从TodoList中学父子组件通信
2019/02/05 Javascript
python实现的简单抽奖系统实例
2015/05/22 Python
Python实现字典的key和values的交换
2015/08/04 Python
利用selenium 3.7和python3添加cookie模拟登陆的实现
2017/11/20 Python
Python3爬虫全国地址信息
2019/01/05 Python
python的pytest框架之命令行参数详解(上)
2019/06/27 Python
Python叠加两幅栅格图像的实现方法
2019/07/05 Python
Django 多表关联 存储 使用方法详解 ManyToManyField save
2019/08/09 Python
python里的单引号和双引号的有什么作用
2020/06/17 Python
亚马逊印度站:Amazon.in
2017/10/15 全球购物
美国高档百货Nordstrom的折扣店:Nordstrom Rack
2017/11/13 全球购物
新闻专业个人求职信
2013/12/19 职场文书
搞笑创意广告语
2014/03/17 职场文书
签约仪式策划方案
2014/06/02 职场文书
个人简历自我评价怎么写
2015/03/10 职场文书
党员干部公开承诺书范文
2015/04/27 职场文书
工作年限证明模板
2015/06/15 职场文书
关于Nginx中虚拟主机的一些冷门知识小结
2022/03/03 Servers
Mysql中mvcc各场景理解应用
2022/08/05 MySQL