在线抽签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 项目说 ...
最新文章
- Solr配置文件分析与验证
- MIT:机器学习预测2018世界杯冠军
- websocket工作原理
- 2020公文格式模板及范文_四六级考试答题顺序推荐 2020四级作文预测 四级作文范文模板...
- SQL Server中如何识别、查找未使用的索引(unused indexes)
- 【推荐活动】2015产品经理读书计划
- Anaconda prompt:Cache entry deserialization failed, entry ignored
- cc2530dma控制器功能_CC2530常用的控制寄存器
- vue.js php,vue.js去哪下载
- OpenCV3学习(1)——基本数据类型
- 计算Linux内存,CUP,硬盘使用率的shell脚本
- C++基础::构造函数
- Codeforces 2A. Winner
- ABB机器人示教器无法读取U盘怎么办
- No such file or directory @ rb_sysopen
- 深度学习利器之自动微分(2)
- 在R中统计数据的频数或者密度分布并图形化
- Python爬虫实战:爬取维基百科
- 工具 | Windows 功能猎手 (WFH)
- 概率统计_协方差的传播 Covariance Propagation
热门文章
- Pulsar Summit Asia 2020 中文专场议题出炉!
- (转)ABPA UI--Triggering PAI manually 通过设置新的OKCODE、触发PAI
- [计算机网络]第四章——网络层
- python培训Day1
- FCRP-D---帆软官网模拟题,tomcat模块
- 非常另类的数据库插入和删除时阻塞的问题(控制台不报错,表象像是阻塞)
- FPGA从入门到精通(4) - MUX
- sdcc man阅读笔记(一)——sdcc 的介绍与安装
- NR SSB Beam Sweeping
- P110 03-掌握vue-router懒加载的使用