js小游戏--消消乐

最新推荐文章于 2024-08-12 03:46:42 发布

Aaaaater

最新推荐文章于 2024-08-12 03:46:42 发布

阅读量2k

点赞数

本文链接：https://blog.csdn.net/Aaaaater/article/details/92851792

版权

这篇博客介绍了一个使用JavaScript实现的消消乐小游戏。游戏中，页面会随机生成图像元素(img标签)，玩家通过点击鼠标来消除这些元素。游戏界面同时显示剩余时间，玩家可以开始、暂停游戏。当页面上存在15个图像标签时，游戏结束。

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

该小游戏原理是在页面随机生成"img"标签，点击鼠标即可消除该“img”标签并且在页面上方会显示游戏的剩余时间，按下开始按钮即可开始游戏，游戏过程中也可以暂停游戏，页面存在15个图片标签即可结束游戏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    #d2{
        width: 75px;
        height: 19px;
        border: 1px solid gray;
        display: inline-block;
    }
    #d3{
        height: 20px;
        background: firebrick;
        display: inline-block;
    }
</style>
<script>
    var count=0;
    var clock;
    var time;
    var num=0;
    window.onload=f3;
    function init() {
        window.clearInterval(clock);
        window.clearInterval(time);
        clock=window.setInterval("f()",500);
        time=window.setInterval("f2()",1000);
    }
    function f() {
        var imgs=document.createElement("img");
        imgs.src="