全国咨询热线:18720358503

微信小程序常见问答_js完成随机点名体系(实例说

类别:企业动态 发布时间:2021-01-11 浏览人次:

js实现随机点名系统(实例讲解)       下面小编就为大家带来一篇js实现随机点名系统(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
table width="760" border="1" height="460" align="center" h1 align="center" 随机点名系统 /h1 td /td td /td td /td td /td td /td td /td /tr td /td td /td td /td td /td td /td td /td /tr td /td td /td td /td td /td td /td td /td /tr td /td td /td td /td td /td td /td td /td /tr td /td td /td td /td td /td td /td td /td /tr /table div align="center" br/ br/ input type="button" value="随机抽取" / input type="button" value="打乱顺序" / br/ br/ input type="button" value="快速抽取" / input type="button" value="停止抽取" / /div script type="text/javascript" var classMate = ["周远康","刘婷婷","戴娜","范凯","向彬", "胡波","胡辉","黄缘平","刘云","刘嘉鑫", "赵福全","王小妹","苏伟","李辉","曾伟", "李佳晓","钟仕文","张志强","袁鑫豪","余日成", "付立金","彭福康","邓慧佳","曹蓉","刘未东", "桂义","彭俊斌","周康华","曹增","蒋煜"]; //定义一个变量存随机数组 var indexArr; //打乱顺序 function U凡科抠图etorder(){ alert(1); //初始化数组 indexArr = []; //获取新的随机数 var rd = parseInt(Math.random()*classMate.length); while(true){ var falg = true; //循环获得每一个下标 for (var i = 0 ; i classMate.length ; i++) { //判断是否已存在这个下标,是否为重复之后 跳出 if(indexArr[i] == rd){ falg = false; break; //判断是否添加 if(falg){ indexArr.push(rd); rd = parseInt(Math.random()*classMate.length); }while (falg); if(indexArr.length == classMate.length){ break; //随机抽取 function selectRandom(){ var allTd = document.getElementsByTagName("td"); for (var i = 0; i classMate.length; i++) { allTd[i].innerHTML = classMate[indexArr[i]]; allTd[i].style.color = "#ff6633"; allTd[i].style.background = "#ff6633"; allTd[i].onclick = function (){ this.style.background = "white"; //快速抽取 var interId; var count = 0; //保存已被选出的人 var myChecked = []; var allTd = document.getElementsByTagName("td"); function Quickextr(){ if(interId){ return; //把所有的td还原为最初 interId = setInterval(function(){ for (var i = 0; i classMate.length; i++) { allTd[i].style.color = "#ff6633"; allTd[i].style.background = "#ff6633"; for (var i = 0; i myChecked.length; i++) { allTd[myChecked[i]].style.color = "#ff6633"; allTd[myChecked[i]].style.background = "white"; allTd[count%classMate.length].style.color = "white"; allTd[count%classMate.length].style.background = "white"; count++; },1); //停止抽取 function Stopextr(){ clearInterval(interId); interId = undefined; var checkIds = count%classMate.length==0 classMate.length-1:(count%classMate.length)-1; allTd[checkIds].style.color = "#ff6633"; myChecked.push(checkIds); /script /body /html

以上这篇js实现随机点名系统(实例讲解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持凡科。


下一篇:没有了

推荐阅读

微信小程序常见问答_js完成随机点名体系(实例说

js完成任意训话系统软件(案例解读) 下边网编就为大伙儿产生一篇js完成任意训话系统软件(案例解读)。网编感觉挺好的,如今就共享给大伙儿,也给大伙儿做下参照。一起追随网编...

2021-01-11
网站为什么一定要先备案?

大家在访问网站的情况下,一般在网站的最下边会见到ICP这三个英文字母,这意味着着啥意思呢?ICP就是指网站运营批准证,中国的网站必须先办理备案获得运营批准证才能够发布,下...

2021-01-11
互联网制造开启新规划

企业动态性制造行业新闻资讯建网站有关九度角度强烈推荐信息内容 互连网生产制造打开新整体规划 重要词:互连网 生产制造业 工业生产化广州市企业网站建设 信息内容化新闻资讯...

2021-01-11
还等什么?肯德基都申请了的小程序 你还在犹豫

民以食为天,不但这般,近年来来,伴随着经济发展的平稳发展趋势,中国人消費水准也慢慢提高。而吃几乎就占有着绝大多数的消費开支。餐馆制造行业从转型发展到如今趋势依然不...

2021-01-11
广州凡科互联网科技股份有限公司招聘管理培训

招聘人数:9职位信息职位描述:1、 完成管理会议组织、文案整理工作2、 参与公司管理层会议上安排工作的进度监督、时时反馈3、 核心文件的归档、保存4、 完成上级安排的其他工...

2021-01-11
中村镇农村冬季清洁取暖“煤改气”供气站

项目名称 中村镇人民政府农村冬季清洁取暖ldquo;煤改气rdquo;工程 项目编号 P014020 项目区域 山西省-晋城市 招标人 沁水县鸿泰加油站中村供气站 中村镇农村冬季清洁取暖ldquo;煤改气rd...

2021-01-11
X

400-8700-61718720358503
企业邮箱2639601583@qq.com
官方微信