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 相关文章推荐
My Desktop :) 桌面式代码
Dec 29 Javascript
jQuery页面滚动浮动层智能定位实例代码
Aug 23 Javascript
Javascript this 的一些学习总结
Aug 02 Javascript
JavaScript中消除闭包的一般方法介绍
Mar 16 Javascript
JavaScript中的call方法和apply方法使用对比
Aug 12 Javascript
文本框只能输入数字的实现方法(兼容IE火狐)
Jun 25 Javascript
详解JS中的快速排序与冒泡
Jan 10 Javascript
jquery编写日期选择器
Mar 16 Javascript
js+html5实现侧滑页面效果
Jul 15 Javascript
vue中appear的用法
Aug 17 Javascript
在Vue中创建可重用的 Transition的方法
Jun 02 Javascript
Javascript实现贪吃蛇小游戏(含详细注释)
Oct 23 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之第六天
2006/10/09 PHP
Laravel5权限管理方法详解
2016/07/26 PHP
实例讲解PHP中使用命名空间
2019/01/27 PHP
基于jquery的图片轮播 tab切换组件
2012/07/19 Javascript
Javascript中valueOf与toString区别浅析
2013/03/19 Javascript
javascript实现点击商品列表checkbox实时统计金额的方法
2015/05/15 Javascript
在web中js实现类似excel的表格控件
2016/09/01 Javascript
使用bootstrapValidator插件进行动态添加表单元素并校验
2016/09/28 Javascript
AngularJS深入探讨scope,继承结构,事件系统和生命周期
2016/11/02 Javascript
jQuery实现全选、反选和不选功能
2017/08/16 jQuery
CKEditor4配置与开发详细中文说明文档
2018/10/08 Javascript
angular 未登录状态拦截路由跳转的方法
2018/10/09 Javascript
nodejs异步编程基础之回调函数用法分析
2018/12/26 NodeJs
Js参数RSA加密传输之jsencrypt.js的使用
2020/02/07 Javascript
vue-cli单页面预渲染seo-prerender-spa-plugin操作
2020/08/10 Javascript
vue项目中播放rtmp视频文件流的方法
2020/09/17 Javascript
JQuery Ajax如何实现注册检测用户名
2020/09/25 jQuery
python实现文件分组复制到不同目录的例子
2014/06/04 Python
详解Python命令行解析工具Argparse
2016/04/20 Python
解决Mac安装scrapy失败的问题
2018/06/13 Python
基于数据归一化以及Python实现方式
2018/07/11 Python
通过python将大量文件按修改时间分类的方法
2018/10/17 Python
Python实现实时数据采集新型冠状病毒数据实例
2020/02/04 Python
Pytorch .pth权重文件的使用解析
2020/02/14 Python
python numpy--数组的组合和分割实例
2020/02/24 Python
关于python中remove的一些坑小结
2021/01/04 Python
Html5新特性用canvas标签画多条直线附效果截图
2014/06/30 HTML / CSS
Expedia意大利旅游网站:酒店、机票和租车预订
2017/10/30 全球购物
什么是索引指示器
2012/08/20 面试题
请用Python写一个获取用户输入数字,并根据数字大小输出不同信息的脚本
2014/05/20 面试题
毕业论文评语大全
2014/04/29 职场文书
企业安全标语
2014/06/07 职场文书
学习十八大演讲稿
2014/09/15 职场文书
党员示范岗材料
2014/12/19 职场文书
2015年高考寄语或鼓励的话
2015/03/23 职场文书
2019年新郎保证书3篇
2019/10/17 职场文书