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实现tab标签浏览效果
Feb 20 Javascript
js实现select组件的选择输入过滤代码
Oct 14 Javascript
jQuery实现菜单式图片滑动切换
Mar 14 Javascript
javascript实现table单元格点击展开隐藏效果(实例代码)
Apr 10 Javascript
关于使用axios的一些心得技巧分享
Jul 02 Javascript
ES6中的Promise代码详解
Oct 09 Javascript
浅谈Node.js CVE-2017-14849 漏洞分析(详细步骤)
Nov 10 Javascript
Angular实现的table表格排序功能完整示例
Dec 22 Javascript
不到200行 JavaScript 代码实现富文本编辑器的方法
Jan 03 Javascript
django使用channels2.x实现实时通讯
Nov 28 Javascript
webpack结合express实现自动刷新的方法
May 07 Javascript
vue-router 中 meta的用法详解
Nov 01 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实现的冒泡排序算法分享
2014/08/21 PHP
3种php生成唯一id的方法
2015/11/23 PHP
PHP编写RESTful接口
2016/02/23 PHP
PHP中strtr与str_replace函数运行性能简单测试示例
2019/06/22 PHP
jquery 的 $(&quot;#id&quot;).html() 无内容的解决方法
2010/06/07 Javascript
JavaScript设计模式经典之命令模式
2016/02/24 Javascript
基于RequireJS和JQuery的模块化编程——常见问题全面解析
2016/04/14 Javascript
基于jQuery下拉选择框插件支持单选多选功能代码
2016/06/07 Javascript
JS跨域交互(jQuery+php)之jsonp使用心得
2016/07/01 Javascript
将input框中输入内容显示在相应的div中【三种方法可选】
2017/05/08 Javascript
理解nodejs的stream和pipe机制的原理和实现
2017/08/12 NodeJs
React Native时间转换格式工具类分享
2017/10/24 Javascript
微信小程序 (地址选择1)--选取搜索地点并显示效果
2019/12/17 Javascript
Js on及addEventListener原理用法区别解析
2020/07/11 Javascript
vue 监听窗口变化对页面部分元素重新渲染操作
2020/07/28 Javascript
vue设置默认首页的操作
2020/08/12 Javascript
[01:25:38]DOTA2-DPC中国联赛 正赛 VG vs LBZS BO3 第一场 1月19日
2021/03/11 DOTA
python 实现登录网页的操作方法
2018/05/11 Python
python通过ffmgep从视频中抽帧的方法
2018/12/05 Python
Scrapy框架爬取Boss直聘网Python职位信息的源码
2019/02/22 Python
浅析Python 实现一个自动化翻译和替换的工具
2019/04/14 Python
python 将字符串完成特定的向右移动方法
2019/06/11 Python
如何快速一次性卸载所有python包(第三方库)呢
2020/10/20 Python
详解Open Folder as PyCharm Project怎么添加的方法
2020/12/29 Python
HTML5 Canvas draw方法制作动画效果示例
2013/07/11 HTML / CSS
基于html5实现的图片墙效果
2014/10/16 HTML / CSS
Marriott国际:万豪国际酒店查询预订
2017/09/25 全球购物
Abbacino官网:包、钱包和女士配饰
2019/04/15 全球购物
工作汇报开头与结尾怎么写
2014/11/08 职场文书
2014教师专业技术工作总结
2014/12/03 职场文书
感谢信范文大全
2015/01/23 职场文书
2015年村级财务管理制度
2015/08/04 职场文书
python实现网络五子棋
2021/04/11 Python
python实现监听键盘
2021/04/26 Python
Python超简单容易上手的画图工具库推荐
2021/05/10 Python
DE1107机评
2022/04/05 无线电