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 原型继承之构造函数继承
Aug 26 Javascript
通过jQuery源码学习javascript(三)
Dec 27 Javascript
JavaScript获取当前网页最后修改时间的方法
Apr 03 Javascript
TypeScript具有的几个不同特质
Apr 07 Javascript
在Html中使用Requirejs进行模块化开发实例详解
Apr 15 Javascript
微信小程序实战之自定义toast(6)
Apr 18 Javascript
jQuery plugin animsition使用小结
Sep 14 jQuery
使用vue开发移动端管理后台的注意事项
Mar 07 Javascript
关于layui时间回显问题的解决方法
Sep 24 Javascript
解决Vue中的生命周期beforeDestory不触发的问题
Jul 21 Javascript
简单了解vue 插值表达式Mustache
Jul 22 Javascript
Vue 使用iframe引用html页面实现vue和html页面方法的调用操作
Nov 16 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
mysql_fetch_row,mysql_fetch_array,mysql_fetch_assoc的区别
2009/04/24 PHP
php 常用类汇总 推荐收藏
2010/05/13 PHP
php编程实现获取excel文档内容的代码实例
2011/06/28 PHP
ThinkPHP中的系统常量和预定义常量集合
2014/07/01 PHP
php获取指定范围内最接近数的方法
2015/06/02 PHP
如何修改yii2.0自带的user表为其它的表
2017/08/01 PHP
javascript 函数式编程
2007/08/16 Javascript
[推荐]javascript 面向对象技术基础教程
2009/03/03 Javascript
checkbox 复选框不能为空
2009/07/11 Javascript
javascript nextSibling 与 getNextElement(node) 使用介绍
2011/10/13 Javascript
Array.prototype.concat不是通用方法反驳[译]
2012/09/20 Javascript
刷新页面的几种方法小结(JS,ASP.NET)
2014/01/07 Javascript
事件委托与阻止冒泡阻止其父元素事件触发
2014/09/02 Javascript
分享js粘帖屏幕截图到web页面插件screenshot-paste
2020/08/21 Javascript
JS排序之冒泡排序详解
2017/04/08 Javascript
详解Vue.js基于$.ajax获取数据并与组件的data绑定
2017/05/26 Javascript
JavaScript实现的斑马线表格效果【隔行变色】
2017/09/18 Javascript
微信小程序实现图片上传功能实例(前端+PHP后端)
2018/01/10 Javascript
ES6中异步对象Promise用法详解
2019/07/31 Javascript
微信小程序 wx:for 与 wx:for-items 与 wx:key的正确用法
2020/05/19 Javascript
JS 逻辑判断不要只知道用 if-else 和 switch条件判断(小技巧)
2020/05/27 Javascript
python用来获得图片exif信息的库实例分析
2015/03/16 Python
Python的re模块正则表达式操作
2016/05/25 Python
python中OrderedDict的使用方法详解
2017/05/05 Python
Python 字符串换行的多种方式
2018/09/06 Python
Python打开文件,将list、numpy数组内容写入txt文件中的方法
2018/10/26 Python
理想高通滤波实现Python opencv示例
2019/01/30 Python
Pandas读取并修改excel的示例代码
2019/02/17 Python
python3+selenium自动化测试框架详解
2019/03/17 Python
CSS3 制作旋转的大风车(充满童年回忆)
2013/01/30 HTML / CSS
法学研究生自我鉴定范文
2013/12/04 职场文书
公司证明怎么写
2014/09/22 职场文书
反四风个人对照检查材料
2014/09/26 职场文书
律师授权委托书范本
2014/10/07 职场文书
2014年实习期工作总结
2014/11/27 职场文书
2015大一新生军训感言
2015/08/01 职场文书