你想体验后宫选妃吗？js带你体验后宫选妃

1.点击开始，启动定时器，获取当前时间置于文本框中，每隔10秒记录下来选中的妃子，点击去重，可以去除重复的妃子名
2.点击停止，停止选妃

效果实现：

代码实现：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
当前时间：
<input type="text" id="time" value="">
<input type="button" value="开始" id="st" onclick="start2()">
<input type="button" value="停止" id="sp" onclick="stop2()"><h3 style="color: #ff2340" id="h3">开始选妃啦！</h3>
<button onclick="start3()">开始选美女</button>
<button onclick="stop2()">选中美女</button>
<br>
选中的妃子有：<p id="name" style="border: 1px solid red;width: 500px;height: 20px"></p>
<button onclick="arrange()" id="beautyNames">去重</button>
<br>
<div style="border: 1px solid blue;width: 400px;height: 300px" id="div2"/></body>
<script>let h3 = document.getElementById("h3");let count=0;let arr = ["妲己", "西施", "貂蝉","金莲","玉龙"]function start3() {s2 = setInterval(function () {if (count == 5) {count = 0}div2.style.backgroundImage = "url(img/"+arr[count]+".jpg)";h3.innerText="虎子选中了:"+arr[count]count++}, 50)}let name = document.getElementById("name");let Listname = []let s2;function start2() {let stime1s2 = setInterval(function () {let time1 = new Date()time.value = time1.toLocaleString();if (time1.getSeconds() == 30 || time1.getSeconds()==0 ||time1.getSeconds()== 10 ||time1.getSeconds()==20||time1.getSeconds()==40||time1.getSeconds()==50) {stime1=new Date().getSeconds();start3()}else{let stime2=new Date().getSeconds();if (stime2-stime1==5){stop2()Listname.push(arr[--count])name.innerText=Listname}}}, 1000)}function stop2() {clearInterval(s2)}function arrange() {let name = document.getElementById("name");//1,将整个妃子的名字拆开，形成一个数组bnames=name.innerText.split(",")console.log(bnames)//2，定义一个新的数组let newNames=[]//3，降低一个数组中的元素诸葛放入新的数组中，判断新数组中是否存在，如果不存在，才放入for (let i = 0; i < bnames.length-1; i++) {let flag = falsefor (let name of newNames){if (name == bnames[i]){flag=truebreak}}if (!flag){newNames.push(bnames[i])}}//4,将新数组放入文本框中name.innerText = newNames}</script>
</html>

你想体验后宫选妃吗？js带你体验后宫选妃相关推荐

新手运营shopee不知道如何选品？手把手带你学会，成为选品达人！
shopee最近的爆火,引来了许多新手商家入驻,导致很多人都不知道如何选品,不少人都有疑问,为什么店铺经营这么久没有什么流量呢? 很重要的原因就可能使选品没有做好,店铺运营事业的开端就是选择适合自己店 ...
android 换机 iphone8,最好的换机之选？iPhone8 PLUS众测体验
最好的换机之选?iPhone8 PLUS众测体验 2017-11-11 14:29:00 34点赞 1收藏 0评论文章前面说一下,自己水平有限文笔不好,没有相机 ,开箱图这些都是手头的iPhone6 ...
未接响铃1秒是什么意思_90后秒选族是什么意思？90后秒选青年正追求梦想，并立即行动【图】...
喵小姐流行语摘要:网站小编据网络最新关于"90后秒选族是什么意思?90后秒选青年正追求梦想,并立即行动[图]"报道资料整理发布相关内容! 90后秒选族,是指针对选择的时候,能第一选 ...
知乎想做下沉，但天花板越来越明显，用户体验也大不如前！
今年,知乎将已经使用6年以来的Slogan进行了更换,从原本"发现更大的世界"改为"有问题,上知乎",试图下沉到三四线城市市场,以扩大自身市场份额,此外在世界杯 ...
学计算机去华科还是哈工大,我想学工科，哈工大、武汉大学、东南大学、华科，到底选哪个？...
原标题:我想学工科,哈工大.武汉大学.东南大学.华科,到底选哪个? 前几天有个同学又来问到了我这个问题. 我的建议是,首先排除武汉大学,因为工科确实不是武大的强项,相比来说人文更好一些. 其他几个学校 ...
【体验】朗读机器人是如何炼成的!带你体验TTS语音合成模块，B719语音合成模块效果测试...
微信关注 "DLGG创客DIY" 设为"星标",重磅干货,第一时间送达. TTS相信大家都有所耳闻,就是文字转语音,即语音合成.可以理解是个朗读机器人,我给他文 ...
转贴: HP总裁离职15天后感言（据传是孙振耀退休后所写，值得一读）
转贴: HP总裁离职15天后感言(据传是孙振耀退休后所写,值得一读) HP大中华区总裁孙振耀退休十五天后九大感言一.关于工作与生活我有个有趣的观察,外企公司多的是25-35岁的白领,40岁以上的 ...
鸿蒙天钟壁纸,AI加持的另类彩电之华为智慧屏带你体验鸿蒙
原标题:AI加持的另类彩电之华为智慧屏带你体验鸿蒙 [前言] 尽管电视机作为家中常备电器许多年,但并没有太大的波澜,似乎一直都被几家家电巨头垄断,同时也并没有太大的创新和亮点.而这次华为推出智慧屏,形 ...
qoq是什么意思的缩写_“yjgj他的pyq很zqsg”，90后从未觉得自己老，直到看到00后缩写的那一秒……...
曾经,90后发明的火星文风靡一时. 那时,QQ聊天是这样的↓ 个性签名是这样的↓ 写个日志都是这样的↓ 为了搞清楚大家都在说什么,还研发了专门的火星文转换器. 随着90后的长大,火星文也成为了&quo ...

你想体验后宫选妃吗？js带你体验后宫选妃

你想体验后宫选妃吗？js带你体验后宫选妃

你想体验后宫选妃吗？js带你体验后宫选妃相关推荐

最新文章

热门文章