在线抽签html,简易抽签程序(数字滚动 HTML + JavaScript)
效果截图
代码如下:
抽签系统啊
.container{background-color:#ffff99;
margin-top:10px;margin-left:300px;margin-right:300px;width:auto;height:auto;}
var num = 0;
var arr = new Array();
var vis = new Array();
var mark = new Array();
var c = 0;
var k = 0;
var t;
var tt;
//for(var i = 0; i < 19; i++)
//vis[i] = i+1;
var cont = 0;
while(1)
{
var tt = parseInt(Math.random()*19+1);
if(!mark[tt])
{
mark[tt] = 1;
vis[cont++] = tt;
}
if(cont == 19)
break;
}
function timedCount()
{
document.getElementById('txt').value = c;
k = k+1;
k = k%(vis.length);
c = vis[k];
t = setTimeout("timedCount()",100)
}
function stopCount()
{
clearTimeout(t);
tt = document.getElementById('txt').value
}
function Random()
{
//tt = parseInt(Math.random()*19+1);
var draw = document.getElementById("display");
num++;
arr.push(tt);
draw.innerHTML = draw.innerHTML + "
第"+num+"组抽中:"+tt+"
";
var tmp = new Array();
tmp.length = 0;
var cnt = 0;
for(var i = 0; i < vis.length; i++)
{
if(vis[i] != tt)
{
tmp[cnt] = vis[i];
cnt = cnt+1;
}
}
vis.length = 0;
for(var i = 0; i < tmp.length; i++)
{
vis[i] = tmp[i];
}
document.getElementById("count").innerHTML = arr.length;
if(arr.length == 19){
alert("已经抽完!");
}
}
function Clear(){
arr = null;
arr = new Array();
mark = new Array();
var cont = 0;
while(1)
{
var tt = parseInt(Math.random()*19+1);
if(!mark[tt])
{
mark[tt] = 1;
vis[cont++] = tt;
}
if(cont == 19)
break;
}
//for(var i = 0; i < 19; i++)
//vis[i] = i+1;
k = 0;
num = 0;
c = 0;
clearTimeout(t);
document.getElementById('txt').value= "0";
document.getElementById("count").innerHTML = "0";
document.getElementById("display").innerHTML = "";
}
目前已经抽出 0 个!
在线抽签html,简易抽签程序(数字滚动 HTML + JavaScript)相关推荐
- 微信小程序 -数字滚动动画
效果图 实现思路 为了实现数字的无限滚动效果,每个数字框的内部,其实包含了两组0~9的view,每个View的高度都一样 数字框内使用绝对定位,通过调整top位置,显示出指定的数字 使用transti ...
- 用java制作一个简易抽签器
最近闲来无事,想用Java编写一个随机抽签器,最终编写后的运行结果是这样的 下面说一下怎么具体实现,非常简单. 首先,要想出现这个滚动标签,首先必须要有一个窗口来承载它,所以要在main()方法中创建 ...
- WxCountUp - 数字滚动(微信小程序插件)
github地址 wx-extend 欢迎star~~ 插件介绍 该插件是参照 CountUp.js 封装的,为小程序提供的数字滚动,以更有趣的方式显示数值数据. 参数说明 Params 参数 类型 ...
- 数字滚动(微信小程序)
数字滚动(微信小程序) 微信小程序使用数字滚动的功能,引用了外部的包 WxCountUp.js 页面使用: countup.wxml <view class="page"&g ...
- 单片机加减法计算器_51单片机简易计算器程序 实现数字的加减乘除运算
单片机源程序如下: #include //头文件 #define uint unsigned int #define uchar unsigned char sbit lcden=P1^1; //LC ...
- matlab编写识别手写数字_MATLAB--数字图像处理 车牌识别之简易识别程序
车牌识别之简易识别程序 代码 I=imread('car2.jpg'); figure(1),imshow(I);title('原图') I1=rgb2gray(I);%功能是将真彩色图像转换为灰度图 ...
- php 滑块 爬虫_PHP实现简易爬虫与简易采集程序
今天跟大家分享两段php代码,一段是PHP实现简易爬虫,一段是PHP实现简易采集程序.代码都比较简单,适合会点php的SEO初学者. PHP实现简易爬虫 代码中涉及两个表,urls和visited,分 ...
- 计算机毕业设计 在线免费小说微信小程序(源码+论文)
文章目录 0 项目说明 1 系统介绍 1.1 业务层面 1.2 产品层面 1.3 技术层面 2 项目运行 3 项目截图 3.1 小程序 3.2 后台管理系统 3.3 论文概览 0 项目说明 在线免费小 ...
- 【毕业设计_课程设计】在线免费小说微信小程序的设计与实现(源码+论文)
文章目录 0 项目说明 1 系统介绍 1.1 业务层面 1.2 产品层面 1.3 技术层面 2 项目运行 3 项目截图 3.1 小程序 3.2 后台管理系统 3.3 论文概览 4 项目源码 0 项目说 ...
最新文章
- vue实战(1)——解决element-ui中upload组件使用多个时无法绑定对应的元素
- Python笔记_第四篇_高阶编程_检测_2.对类进行单元检测
- (转) Twisted :第十八部分 Deferreds 全貌
- 大数据笔记10:大数据之Hadoop的MapReduce的原理
- 02-线性结构4 Pop Sequence
- php乱炖,linux使用crontab实现PHP执行定时任务 | 乱炖
- #2686. 「BalticOI 2013」雪地足迹 双端队列01bfs + 模型转换
- Codeforces Round #601 (Div. 2)
- webpack配置说明
- 【高等数学】高等数学基础理论归纳
- 卷积神经网络_mnist
- java代码里出现中文乱码怎么解决
- Windows7快捷键大全
- 41. 流感传染(宽搜)
- 眼图在通信系统中有什么意义_KT124煤矿调度通信系统和传统调度系统相比有什么优势...
- 【网游加速器源码】PC/IOS/Android/安卓手游加速器客户端源代码,全套网游加速器系统解决方案
- 输出101到200的素数python_python 判断101-200之间有多少个素数,并输出所有素数。...
- FFmpeg的音频处理详解
- 使 abbr 元素适用于触摸屏、键盘和鼠标
- [轻笔记]Juliav0.6配置jupyter