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 相关文章推荐
一个JS小玩意 几个属性相加不能超过一个特定值.
Sep 29 Javascript
JS获取整个页面文档的实现代码
Dec 15 Javascript
浅析JS刷新框架中的其他页面 &amp;&amp; JS刷新窗口方法汇总
Jul 08 Javascript
jquery checkbox实现单选小例
Nov 27 Javascript
jquery实现勾选复选框触发事件给input赋值
Feb 01 Javascript
JavaScript中的pow()方法使用详解
Jun 15 Javascript
Bootstrap每天必学之工具提示(Tooltip)插件
Apr 26 Javascript
微信小程序访问node.js接口服务器搭建教程
Apr 25 Javascript
JS实现快速比较两个字符串中包含有相同数字的方法
Sep 11 Javascript
node Buffer缓存区常见操作示例
May 04 Javascript
微信小程序全局变量的设置、使用、修改过程解析
Sep 24 Javascript
Vue的props父传子的示例代码
May 20 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开发不能违背的安全规则 过滤用户输入
2011/05/01 PHP
PHP提交表单失败后如何保留已经填写的信息
2014/06/20 PHP
基于PHP实现短信验证码发送次数限制
2020/07/11 PHP
laravel与thinkphp之间的区别与优缺点
2021/03/02 PHP
纯JS实现的批量图片预览加载功能
2011/08/14 Javascript
用jQuery模拟select下拉框的简单示例代码
2014/01/26 Javascript
一个Action如何调用两个不同的方法
2014/05/22 Javascript
Dojo Javascript 编程规范 规范自己的JavaScript书写
2014/10/26 Javascript
简介JavaScript中Boolean.toSource()方法的使用
2015/06/05 Javascript
javascript实现的上下无缝滚动效果
2016/09/19 Javascript
jquery实现提示语淡入效果
2017/05/05 jQuery
微信小程序自定义组件之可清除的input组件
2018/07/17 Javascript
node.js使用免费的阿里云ip查询获取ip所在地【推荐】
2018/09/03 Javascript
详解关于Vue版本不匹配问题(Vue packages version mismatch)
2018/09/17 Javascript
浅谈Webpack多页应用HMR卡住问题
2019/04/24 Javascript
mpvue微信小程序的接口请求fly全局拦截代码实例
2019/11/13 Javascript
python实现跨文件全局变量的方法
2014/07/07 Python
简单介绍Python中的round()方法
2015/05/15 Python
Python IDLE入门简介
2017/12/08 Python
详解python 爬取12306验证码
2019/05/10 Python
python实现LBP方法提取图像纹理特征实现分类的步骤
2019/07/11 Python
Python 多线程,threading模块,创建子线程的两种方式示例
2019/09/29 Python
python numpy 矩阵堆叠实例
2020/01/17 Python
Python基于wordcloud及jieba实现中国地图词云图
2020/06/09 Python
使用CSS3和Checkbox实现JQuery的一些效果
2015/08/03 HTML / CSS
TripAdvisor日本:全球领先的旅游网站
2019/02/14 全球购物
行政人员岗位职责
2013/12/08 职场文书
葡萄牙语专业个人求职信
2013/12/10 职场文书
法警的竞聘演讲稿
2014/01/02 职场文书
三分钟英语演讲稿
2014/04/24 职场文书
演讲比赛策划方案
2014/06/11 职场文书
环境保护与污染治理求职信
2014/07/16 职场文书
应急管理工作总结2015
2015/05/04 职场文书
乡镇法制宣传日活动总结
2015/05/05 职场文书
php微信小程序解包过程实例详解
2021/03/31 PHP
CSS3中Animation实现简单的手指点击动画的示例
2021/07/15 HTML / CSS