js抽奖实现随机抽奖代码效果


Posted in Javascript onDecember 02, 2013

随机抽取,简单代码。

 
<html> 
<title>随机抽奖程序</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" 
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()',10); 
} 
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高级程序设计阅读笔记(五) ECMAScript中的运算符(一)
Feb 27 Javascript
javascript正则表达式基础知识入门
Apr 20 Javascript
AngularJS 使用 UI Router 实现表单向导
Jan 29 Javascript
ClearTimeout消除闪动实例代码
Feb 29 Javascript
基于bootstrap插件实现autocomplete自动完成表单
May 07 Javascript
jQuery 特性操作详解及实例代码
Sep 29 Javascript
详解用webpack把我们的业务模块分开打包的方法
Jul 20 Javascript
Bootstrap Table中的多选框删除功能
Jul 15 Javascript
VueJS 组件参数名命名与组件属性转化问题
Dec 03 Javascript
vue中 this.$set的用法详解
Sep 06 Javascript
Vue数据双向绑定原理实例解析
May 15 Javascript
OpenLayer3自定义测量控件MeasureTool
Sep 28 Javascript
javascript模拟地球旋转效果代码实例
Dec 02 #Javascript
js实现全屏漂浮广告移入光标停止移动
Dec 02 #Javascript
扩展JS Date对象时间格式化功能的小例子
Dec 02 #Javascript
判断JS对象是否拥有某种属性的两种方式
Dec 02 #Javascript
关于js中for in的缺陷浅析
Dec 02 #Javascript
js验证整数加保留小数点的简单实例
Dec 02 #Javascript
ExtJs中gridpanel分组后组名排序实例代码
Dec 02 #Javascript
You might like
测试您的 PHP 水平的题目
2007/05/30 PHP
PHP 上传文件的方法(类)
2009/07/30 PHP
PHP数据类型之布尔型的介绍
2013/04/28 PHP
php fseek函数读取大文件两种方法
2016/10/12 PHP
Yii2中hasOne、hasMany及多对多关联查询的用法详解
2017/02/15 PHP
Linux下源码包安装Swoole及基本使用操作图文详解
2019/04/02 PHP
PHP 自动加载类原理与用法实例分析
2020/04/14 PHP
jquery动态加载图片数据练习代码
2011/08/04 Javascript
jQuery实现的左右移动焦点图效果
2016/01/14 Javascript
jQuery插件HighCharts绘制2D半圆环图效果示例【附demo源码下载】
2017/03/09 Javascript
JQuery Ajax 异步操作之动态添加节点功能
2017/05/24 jQuery
angularJS实现动态添加,删除div方法
2018/02/27 Javascript
vue中进入详情页记住滚动位置的方法(keep-alive)
2018/09/21 Javascript
JavaScript自动生成 年月范围 选择功能完整示例【基于jQuery插件】
2019/09/03 jQuery
Vue学习笔记之计算属性与侦听器用法
2019/12/07 Javascript
Vue和React有哪些区别
2020/09/12 Javascript
JS绘图Flot如何实现动态可刷新曲线图
2020/10/16 Javascript
python结合opencv实现人脸检测与跟踪
2015/06/08 Python
Python处理JSON时的值报错及编码报错的两则解决实录
2016/06/26 Python
python中实现迭代器(iterator)的方法示例
2017/01/19 Python
Python字符串处理实例详解
2017/05/18 Python
浅谈python中对于json写入txt文件的编码问题
2018/06/07 Python
python生成ppt的方法
2018/06/07 Python
python爬虫 基于requests模块的get请求实现详解
2019/08/20 Python
python psutil监控进程实例
2019/12/17 Python
基于PyTorch的permute和reshape/view的区别介绍
2020/06/18 Python
python import 上级目录的导入
2020/11/03 Python
CSS3解决移动页面上点击链接触发色块的问题
2016/06/03 HTML / CSS
MYPROTEIN澳大利亚官方网站:欧洲运动营养品牌
2019/06/26 全球购物
英国打印机墨盒销售网站:Ink Factory
2019/10/07 全球购物
简述synchronized和java.util.concurrent.locks.Lock的异同
2014/12/08 面试题
采购内勤岗位职责
2013/12/10 职场文书
运动会解说词100字
2014/01/31 职场文书
怎样写辞职信
2015/02/27 职场文书
导游词之澳门玫瑰圣母堂
2019/12/03 职场文书
浅谈vue2的$refs在vue3组合式API中的替代方法
2021/04/18 Vue.js