用js随机数实现一个简单打地鼠的游戏

最新推荐文章于 2024-09-05 21:18:06 发布

北海845

最新推荐文章于 2024-09-05 21:18:06 发布

阅读量235

点赞数 1

文章标签： javascript 前端 html5

本文链接：https://blog.csdn.net/qq_63186320/article/details/120978612

版权

这是一个初学者用JavaScript和HTML5编写的简单打地鼠游戏。游戏中，玩家需根据随机出现的地鼠进行点击，锻炼反应速度和手眼协调。项目包含图片引用，适合前端学习者实践。

摘要由CSDN通过智能技术生成

   <!-- 控制js程序 -->
    <script>
        var img = document.querySelectorAll('.main_img');
        var main = document.querySelectorAll('.mian_imgs');
        var shu = document.querySelector(".shu");
        var left = document.querySelector('.left');
        var right = document.querySelector('.right');
        var sum = 0;
        var timer = null;
        // 点击按钮开始//图片随机出现//每400毛秒出现图片;
        left.onclick = function() {
                if (timer) return;

                timer = setInterval(function foo() {
                    // sum = 0;
                    for (var i = 0; i < 9; i++) {
                        img[i].style.backgroundImage = "url(images/dishu.jpg)";
                        img[i].style.display = "none";
                    }
                    var number = Math.floor(Math.random() * 9);