效果截图

代码如下:

抽签系统啊

.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)相关推荐

  1. 微信小程序 -数字滚动动画

    效果图 实现思路 为了实现数字的无限滚动效果,每个数字框的内部,其实包含了两组0~9的view,每个View的高度都一样 数字框内使用绝对定位,通过调整top位置,显示出指定的数字 使用transti ...

  2. 用java制作一个简易抽签器

    最近闲来无事,想用Java编写一个随机抽签器,最终编写后的运行结果是这样的 下面说一下怎么具体实现,非常简单. 首先,要想出现这个滚动标签,首先必须要有一个窗口来承载它,所以要在main()方法中创建 ...

  3. WxCountUp - 数字滚动(微信小程序插件)

    github地址 wx-extend 欢迎star~~ 插件介绍 该插件是参照 CountUp.js 封装的,为小程序提供的数字滚动,以更有趣的方式显示数值数据. 参数说明 Params 参数 类型 ...

  4. 数字滚动(微信小程序)

    数字滚动(微信小程序) 微信小程序使用数字滚动的功能,引用了外部的包 WxCountUp.js 页面使用: countup.wxml <view class="page"&g ...

  5. 单片机加减法计算器_51单片机简易计算器程序 实现数字的加减乘除运算

    单片机源程序如下: #include //头文件 #define uint unsigned int #define uchar unsigned char sbit lcden=P1^1; //LC ...

  6. matlab编写识别手写数字_MATLAB--数字图像处理 车牌识别之简易识别程序

    车牌识别之简易识别程序 代码 I=imread('car2.jpg'); figure(1),imshow(I);title('原图') I1=rgb2gray(I);%功能是将真彩色图像转换为灰度图 ...

  7. php 滑块 爬虫_PHP实现简易爬虫与简易采集程序

    今天跟大家分享两段php代码,一段是PHP实现简易爬虫,一段是PHP实现简易采集程序.代码都比较简单,适合会点php的SEO初学者. PHP实现简易爬虫 代码中涉及两个表,urls和visited,分 ...

  8. 计算机毕业设计 在线免费小说微信小程序(源码+论文)

    文章目录 0 项目说明 1 系统介绍 1.1 业务层面 1.2 产品层面 1.3 技术层面 2 项目运行 3 项目截图 3.1 小程序 3.2 后台管理系统 3.3 论文概览 0 项目说明 在线免费小 ...

  9. 【毕业设计_课程设计】在线免费小说微信小程序的设计与实现(源码+论文)

    文章目录 0 项目说明 1 系统介绍 1.1 业务层面 1.2 产品层面 1.3 技术层面 2 项目运行 3 项目截图 3.1 小程序 3.2 后台管理系统 3.3 论文概览 4 项目源码 0 项目说 ...

最新文章

  1. Solr配置文件分析与验证
  2. MIT:机器学习预测2018世界杯冠军
  3. websocket工作原理
  4. 2020公文格式模板及范文_四六级考试答题顺序推荐 2020四级作文预测 四级作文范文模板...
  5. SQL Server中如何识别、查找未使用的索引(unused indexes)
  6. 【推荐活动】2015产品经理读书计划
  7. Anaconda prompt:Cache entry deserialization failed, entry ignored
  8. cc2530dma控制器功能_CC2530常用的控制寄存器
  9. vue.js php,vue.js去哪下载
  10. OpenCV3学习(1)——基本数据类型
  11. 计算Linux内存,CUP,硬盘使用率的shell脚本
  12. C++基础::构造函数
  13. Codeforces 2A. Winner
  14. ABB机器人示教器无法读取U盘怎么办
  15. No such file or directory @ rb_sysopen
  16. 深度学习利器之自动微分(2)
  17. 在R中统计数据的频数或者密度分布并图形化
  18. Python爬虫实战:爬取维基百科
  19. 工具 | Windows 功能猎手 (WFH)
  20. 概率统计_协方差的传播 Covariance Propagation

热门文章

  1. Pulsar Summit Asia 2020 中文专场议题出炉!
  2. (转)ABPA UI--Triggering PAI manually 通过设置新的OKCODE、触发PAI
  3. [计算机网络]第四章——网络层
  4. python培训Day1
  5. FCRP-D---帆软官网模拟题,tomcat模块
  6. 非常另类的数据库插入和删除时阻塞的问题(控制台不报错,表象像是阻塞)
  7. FPGA从入门到精通(4) - MUX
  8. sdcc man阅读笔记(一)——sdcc 的介绍与安装
  9. NR SSB Beam Sweeping
  10. P110 03-掌握vue-router懒加载的使用