js十二生肖名与生肖图匹配游戏（测试0.6s内你的反应速度）

本文链接：https://blog.csdn.net/wiw56/article/details/111145621

这是一个挑战反应速度的游戏，玩家需在0.6秒内判断十二生肖图片和名称是否匹配并点击暂停。游戏随机匹配生肖图和名称，正确匹配即显示反应速度不凡。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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：