js十二生肖名与生肖图匹配游戏(测试0.6s内你的反应速度)
0.6s内,当肉眼看到图片与名字相吻合时,考验个人的反应速度,单击暂停,如果暂停时,俩俩相吻合,说明您的反应速度不平凡!
随机匹配十二生肖名字和图片
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<input type="text" name="" value="结束的一瞬间,生肖名与图片想吻合,您将有桃花运" id="in" size="50">
<br>
<button id="b1" onclick="start()">游戏开始</button>
<button id="b2" onclick="end()">暂停</button><hr>
<img src="img/羊.png" height="460" width="400" id="img"/>
<img src="imgs/牛.jpg" height="460" width="400" id="imgs"/>
</body>
<script>let img = document.getElementById("img");let imgs = document.getElementById("imgs");let ig=["鼠","牛","虎","兔","蛇","羊","猴","马","龙","鸡","狗","猪"];//给开始按钮设置返回函数function start() {s=setInterval("f()",600)}function f() {img.src="img/"+ig[Math.floor(Math.random()*12)]+".png"imgs.src="imgs/"+ig[Math.floor(Math.random()*12)]+".jpg"}function end() {clearInterval(s)}</script>
</html>
我的图集:
注意生肖名与生肖图分开装进img与imgs
十二生肖名与十二生肖图我已经按排名整理好,直接拿即可
十二生肖名甲骨文—img:
十二生肖图—imgs:
运行效果图:
js十二生肖名与生肖图匹配游戏(测试0.6s内你的反应速度)相关推荐
- 亮风台提出用完全可训练的图匹配方法,优于最新SOTA | CVPR 2020
出品 | AI科技大本营(ID:rgznai100) 6月14日-19日,CVPR 2020在线上举行,据了解,本届大会共收到6656篇投稿,接收论文1470篇,录用率约22%,低于ICCV 2019 ...
- 一个基于高阶图匹配的多目标跟踪器:Online Multi-Target Tracking with Tensor-Based High-Order Graph Matching
论文地址:Online Multi-Target Tracking with Tensor-Based High-Order Graph Matching 基于高阶图匹配的多目标跟踪器 一. 摘要 二 ...
- html js正则表达式语法,js正则表达式 非中文_js正则表达式匹配中文_js正则表达式语法...
腾讯云活动聚集了最新的降价打折.特惠折扣等资料,你在这里可以寻找云服务器.域名..小流程等等多种不同产品的促销活动,还有这些品牌的免费试用哦. 因为对js中的正则不太了解,可以参考一下js 中正则表达 ...
- 深入理解 D3.js 可视化库之力导向图原理与实现
大厂技术 坚持周更 精选好文 简介 D3.js[1] 是一个基于 web 标准的 JS 可视化库,它借助 SVG.Canvas 和 HTML 进行数据可视化.在数据可视化中,我们很多时候会使用图来 ...
- 大规模环境下基于语义直方图的多机器人实时全局定位图匹配
文章:Semantic Histogram Based Graph Matching for Real-Time Multi-Robot Global Localization in Large Sc ...
- 提高图形匹配精度,亮风台提出「完全可训练」的图匹配方法|CVPR 2020 Oral
来源|亮风台投稿 6月14日-19日,CVPR 2020在线上举行,据了解,本届大会共收到6656篇投稿,接收论文1470篇,录用率约22%,低于CVPR 2019论文录用率(25%),为十年以来最低 ...
- 基于弹性束图匹配的人脸识别
原文地址:基于弹性束图匹配的人脸识别(自己做的ppt)作者:雪后DE阳光 主要内容 1.EBGM的提出 2.弹性图匹配 3.弹性束图匹配 4.相似度量及搜索策略 5.算法的效率及改进 EBGM的提 ...
- 原生html小游戏,原生JS实现别踩白块小游戏(一)
对于前端开发人员来说,闲暇之余自己开发个小游戏打发时间,也是对自己基础技术的一种应用考验.那么别踩白块小游戏,相信大家并不陌生,这个小游戏我们可以通过原生js来实现,即便是前端初学者也可以轻松完成. ...
- ACL 2019开源论文 | 基于图匹配神经网络的跨语言知识图对齐
作者丨王文博 学校丨哈尔滨工程大学硕士生 研究方向丨知识图谱.表示学习 动机 在本篇文章之前,跨语言知识图谱对齐研究仅依赖于从单语知识图谱结构信息中获得的实体嵌入向量.并且大多数研究将实体映射到低维空 ...
最新文章
- 计算机组成原理中12H是什么,计算机组成原理课程实习报告.doc
- boost::outcome模块coroutine_support相关的测试程序
- 做Web前端开发的你必须会这几点!
- 完全理解Android中的RemoteViews
- 一首歌,一种情感,一种心情
- 中南大学07 MATLAB中字符串的处理
- Android中导入Unity项目,界面点击事件失去焦点问题
- 92. php 命名空间(2)
- 免费赠品发布:Wintry Blue Wallpaper
- openwrt关闭网卡端口
- android linearlayout 自动滚动,Linearlayout scrollbars=“vertical”并没有用,Linearlayout滚动的解决办法...
- Overture五线谱打曲谱用得上的排版技巧
- AndroidStudio 设置全局查找快捷键
- CMMI认证是什么?有哪些等级?价值体现在哪里?
- SAP 更改登录界面图片
- 亚马逊用户被客服骗走43万,还能放心网购吗?
- i.MX6ULL驱动开发 | 15 - Linux UART 驱动框架
- android饼状图简书,自定义 view 练手 - 简单的饼状图
- Ghost双系统安装工具 v1.0 绿色版
- 显卡设置导致osg中数字显示不全问题的解决方法
热门文章
- 【MySQL数据备份与恢复】【安装xtrabackup 备份工具】【完全备份流程】【增量备份流程】【差异备份流程】
- Java 中Random类随机数生成器
- 你需要改掉的Python开发习惯(二)
- html5拼图游戏开题报告,拼图游戏开题报告-20210406005939.doc-原创力文档
- 十分钟生成影视级室内设计效果,红星美凯龙设计云如何升级传统家居行业
- Hadoop3 伪分布式安装
- input js赋值 text_微信小程序如何给input赋值
- 食用菌发酵消泡剂来消除泡沫已经是一场定局
- 点到直线垂足计算公式Java实现
- 计算机考试系统的相关外文翻译,基于SSH的计算机在线测评考试系统设计与实现毕业论文+任务书+开题报告+外文翻译及原文+开题PPT+中期PPT+毕业答辩PPT+项目源码及数据库文件...