JavaScript案例——打地鼠游戏及其实现

最新推荐文章于 2024-10-06 12:31:10 发布

Cl_Daisy

最新推荐文章于 2024-10-06 12:31:10 发布

阅读量1.5w

点赞数 21

分类专栏： web

本文链接：https://blog.csdn.net/Cl_Daisy/article/details/78226537

版权

这是一个打地鼠游戏，废话不多说，直接上代码


<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <style>
            #game_div{
                position: absolute;
            }
            #zt_div{
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0px;
                left: 0px;
                background-color: #eeeeee;
                z-index: 100;
                opacity: 0.6;
                display: none;
            }
        </style>

        <script>

            var tl,jg,sc,djs_span,df_span,ksBtn,ztBtn,tzBtn;
            var imgs;
            var djs_id,jg_id,tl_id,play_id;
            var isStart;//判断是否开始，游戏开始为true，游戏暂停为false
            var isZT = false;//是否为暂停
            var djs_data;//倒计时的时间
            var jxGame_sc;//继续游戏的总时长
            var isOneStart = true;//判断是否为第一次开始
            var dz=0,ld=0,df=0;//游戏计分

            window.onload = function(){
    
                //获取HTML元素
                tl = document.getElementById("tl");
                jg = document.getElementById("jg");
                sc = document.getElementById("sc");
                djs_span = document.getElementById("djs");
                df_span = document.getElementById("defen");
                ksBtn = document.getElementById("ksBtn");
                ztBtn = document.getElementById("ztBtn");
                tzBtn = document.getElementById("tzBtn");
                imgs = document.images;
                zt_div = document.getElementById("zt_div");

                //游戏开始事件
                ksBtn.onclick = function(){
    
                    tl_time = parseInt(tl.value);//停留时间
                    jg_time = parseInt(jg.value);//间隔时间
                    sc_time = parseInt(sc.value);//游戏时长

                    //设置第一次开始游戏
                    isOneStart = true;

                    //记录游戏开始时间
                    start_Time = new Date();

                    //执行倒计时方法
                    djs();
                    //执行地鼠出现的方法
                    mouse_show();

                    //禁止用户操作输入框
                    isStart = true;
                    jinzhi();

                }

                //游戏暂停事件
                ztBtn.onclick = function(){
    
                    if(isZT){
                        //继续游戏
                        isOneStart =