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实现的服务器验证控件的启用和禁用代码
Apr 27 Javascript
JQuery 学习笔记01 JQuery初接触
May 06 Javascript
基于Jquery的简单图片切换效果
Jan 06 Javascript
jQuery中hover与mouseover和mouseout的区别分析
Dec 24 Javascript
Bootstrap插件全集
Jul 18 Javascript
js 单引号替换成双引号,双引号替换成单引号的实现方法
Feb 16 Javascript
vue2实现移动端上传、预览、压缩图片解决拍照旋转问题
Apr 13 Javascript
浅析JS中常用类型转换及运算符表达式
Jul 23 Javascript
JavaScript创建对象的七种方式全面总结
Aug 21 Javascript
利用原生的JavaScript实现简单拼图游戏
Nov 18 Javascript
JQuery中DOM节点的操作与访问方法实例分析
Dec 23 jQuery
Vue SSR 即时编译技术的实现
May 06 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
php5 non-thread-safe和thread-safe这两个版本的区别分析
2010/03/13 PHP
PDO::setAttribute讲解
2019/01/29 PHP
用jQuery技术实现Tab页界面之二
2009/09/21 Javascript
extjs tabpanel限制选项卡数量实现思路及代码
2013/04/02 Javascript
jQuery中对节点进行操作的相关介绍
2013/04/16 Javascript
zepto中使用swipe.js制作轮播图附swipeUp,swipeDown不起效果问题
2015/08/27 Javascript
jquery移除了live()、die(),新版事件绑定on()、off()的方法
2016/10/26 Javascript
JS数组搜索之折半搜索实现方法分析
2017/03/27 Javascript
jQuery条件分页 代替离线查询(附代码)
2017/08/17 jQuery
浅谈基于Vue.js的移动组件库cube-ui
2017/12/20 Javascript
JavaScript实现求最大公共子串的方法
2018/02/03 Javascript
如何获取TypeScript的声明文件.d.ts
2018/05/01 Javascript
浅谈VUE单页应用首屏加载速度优化方案
2018/08/28 Javascript
微信小程序实现星星评价效果
2018/11/02 Javascript
keep-alive保持组件状态的方法
2020/12/02 Javascript
Vue 实例中使用$refs的注意事项
2021/01/29 Vue.js
[25:45]2018DOTA2亚洲邀请赛4.5SOLO赛 Sylar vs Paparazi
2018/04/06 DOTA
用Python编写一个国际象棋AI程序
2014/11/28 Python
python下载文件时显示下载进度的方法
2015/04/02 Python
Python实现截屏的函数
2015/07/25 Python
横向对比分析Python解析XML的四种方式
2016/03/30 Python
Opencv+Python实现图像运动模糊和高斯模糊的示例
2019/04/11 Python
Pytorch中accuracy和loss的计算知识点总结
2019/09/10 Python
sklearn+python:线性回归案例
2020/02/24 Python
使用python+poco+夜神模拟器进行自动化测试实例
2020/04/23 Python
Python日志器使用方法及原理解析
2020/09/27 Python
python 逆向爬虫正确调用 JAR 加密逻辑
2021/01/12 Python
Joules官网:女士、男士和儿童服装和鞋类
2018/10/23 全球购物
高中考试作弊检讨书
2014/01/14 职场文书
幼儿园五一活动方案
2014/02/07 职场文书
总经理助理的职责
2014/03/14 职场文书
幼儿园招生广告
2014/03/19 职场文书
计算机网络专业自荐信
2014/07/04 职场文书
大学生军训自我鉴定范文
2014/09/18 职场文书
户外拓展训练感想
2015/08/07 职场文书
Win11 25163.1010更新补丁KB5016904推送,测试服务验证管道(附更新修复汇总)
2022/07/23 数码科技