效果截图

代码如下:

抽签系统啊

.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. vue实战(1)——解决element-ui中upload组件使用多个时无法绑定对应的元素
  2. Python笔记_第四篇_高阶编程_检测_2.对类进行单元检测
  3. (转) Twisted :第十八部分 Deferreds 全貌
  4. 大数据笔记10:大数据之Hadoop的MapReduce的原理
  5. 02-线性结构4 Pop Sequence
  6. php乱炖,linux使用crontab实现PHP执行定时任务 | 乱炖
  7. #2686. 「BalticOI 2013」雪地足迹 双端队列01bfs + 模型转换
  8. Codeforces Round #601 (Div. 2)
  9. webpack配置说明
  10. 【高等数学】高等数学基础理论归纳
  11. 卷积神经网络_mnist
  12. java代码里出现中文乱码怎么解决
  13. Windows7快捷键大全
  14. 41. 流感传染(宽搜)
  15. 眼图在通信系统中有什么意义_KT124煤矿调度通信系统和传统调度系统相比有什么优势...
  16. 【网游加速器源码】PC/IOS/Android/安卓手游加速器客户端源代码,全套网游加速器系统解决方案
  17. 输出101到200的素数python_python 判断101-200之间有多少个素数,并输出所有素数。...
  18. FFmpeg的音频处理详解
  19. 使 abbr 元素适用于触摸屏、键盘和鼠标
  20. [轻笔记]Juliav0.6配置jupyter

热门文章

  1. 锂电池双卡尔曼估计SOC 利用双卡尔曼滤波器估计锂电池二阶RC等效电路SOC,辅助卡尔曼滤波器更新内阻R0,返回给主卡尔曼滤波器,循环往复
  2. 微信电脑备份速度慢解决方法(亲测有效)
  3. OpenCV4学习笔记(76)——基于ArUco模块+QT实现增强现实(AR)
  4. 【视频回放】 维塔士+龙智:数字化打造游戏行业「头号玩家」
  5. 跟着我从零开始入门FPGA(一周入门系列)第二天
  6. jqgrid 控制列的水平宽度
  7. Java 航空系统设计
  8. Google和facebook登录
  9. 机器学习基础补习11---聚类
  10. 速卖通新手卖家入门知识问答