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 相关文章推荐
基于jquery的仿百度的鼠标移入图片抖动效果
Sep 17 Javascript
js对象转json数组的简单实现案例
Feb 28 Javascript
javascript中clone对象详解
Dec 03 Javascript
jQuery焦点图插件SaySlide
Dec 21 Javascript
Node.js开发教程之基于OnceIO框架实现文件上传和验证功能
Nov 30 Javascript
textarea 在浏览器中固定大小和禁止拖动的实现方法
Dec 03 Javascript
AngularJS指令中的绑定策略实例分析
Dec 14 Javascript
解决在vue项目中,发版之后,背景图片报错,路径不对的问题
Mar 06 Javascript
Angular开发实践之服务端渲染
Mar 29 Javascript
es6中let和const的使用方法详解
Feb 24 Javascript
JavaScript设计模式之策略模式实现原理详解
May 29 Javascript
js在HTML的三种引用方式详解
Aug 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查看请求头信息获取远程图片大小的方法分享
2013/12/25 PHP
php中使用Ajax时出现Error(c00ce56e)的详细解决方案
2014/11/03 PHP
微信公众平台开发(五) 天气预报功能开发
2016/12/03 PHP
Laravel 在views中加载公共页面的实现代码
2019/10/22 PHP
JQuery 文本框使用小结
2010/05/22 Javascript
JavaScript 更严格的相等 [译]
2012/09/20 Javascript
js 去除字符串第一位逗号的方法
2014/06/07 Javascript
firefox浏览器用jquery.uploadify插件上传时报HTTP 302错误
2015/03/01 Javascript
JS实现文字掉落效果的方法
2015/05/06 Javascript
javascript实现的简单计时器
2015/07/19 Javascript
js实现带圆角的两级导航菜单效果代码
2015/08/24 Javascript
javascript学习总结之js使用技巧
2015/09/02 Javascript
Javascript打印局部页面实例
2016/06/21 Javascript
JavaScript获取ul中li个数的方法
2017/02/13 Javascript
详解AngularJS ui-sref的简单使用
2017/04/24 Javascript
JavaScript求一组数的最小公倍数和最大公约数常用算法详解【面向对象,回归迭代和循环】
2018/05/07 Javascript
node之本地服务器图片上传的方法示例
2019/03/26 Javascript
Vue filter 过滤当前时间 实现实时更新效果
2019/12/20 Javascript
vue-axios同时请求多个接口 等所有接口全部加载完成再处理操作
2020/11/09 Javascript
[07:59]2014DOTA2叨叨刀塔 林熊猫称被邀请赛现场盛况震撼
2014/07/21 DOTA
Python Trie树实现字典排序
2014/03/28 Python
Python异步操作MySQL示例【使用aiomysql】
2019/05/16 Python
pyqt 实现QlineEdit 输入密码显示成圆点的方法
2019/06/24 Python
Python 基于FIR实现Hilbert滤波器求信号包络详解
2020/02/26 Python
pycharm激活方法到2099年(激活流程)
2020/09/22 Python
如何避免常见的6种HTML5错误用法
2017/11/06 HTML / CSS
Html5原生拖拽相关事件简介以及基础实现
2020/11/19 HTML / CSS
SmartBuyGlasses荷兰:购买太阳镜和眼镜
2020/03/16 全球购物
创业计划书六个要素
2013/12/26 职场文书
大学生毕业自我鉴定范文
2014/02/03 职场文书
个人简历自荐信
2014/06/26 职场文书
解放思想大讨论活动心得体会
2014/09/11 职场文书
教师群众路线教育实践活动学习笔记
2014/11/05 职场文书
2015暑假实习报告范文
2015/07/13 职场文书
幼儿园小班教育随笔
2015/08/14 职场文书
保险公司2016开门红口号集锦
2015/12/24 职场文书