昊天锤打灰太狼

var hh = document.querySelectorAll(".hh")

var kaos = document.querySelector('.box5')

var box7 = document.querySelector(".box7")

var box1 = document.querySelector(".box1")

var box9 = document.querySelector(".box9")

var box8 = document.querySelector(".box8")

var box10 = document.querySelector(".box10")

var box = document.querySelector(".box");

var h = 0;

var x = 0;

var htl = null;

var htl2 = null;

var ks = null;

var xh = null;

var arr;

var jifen = 00;

//开始游戏

kaos.onclick = function() {

        this.style.display = "none"

        ks = setInterval(() => {

            huotaolang()

            jdt()

        }, 1000);

        dahtl()

    }

    //创建狼

function huotaolang() {

    var sj = Math.floor(Math.random() * 10);

    var arr = ['h', 'x'] //随机小灰灰或灰太狼

    xh = Math.random(); //随机生成0或1的整数

    if (xh < 0.5) {

        xh = Math.floor(xh)

    } else {

        xh = Math.ceil(xh)

    }

    if (sj == 9) {

        sj - 1;

        return sj;

    }

    hh[sj].setAttribute("index", xh)

    htl = setInterval(() => {

        hh[sj].style.backgroundImage = "url(img/" + arr[xh] + h + ".png)";

        if (h == 4) {

            {

                h = 0;

                clearInterval(htl)

                var z = 4;

                htl2 = setInterval(() => {

                    hh[sj].style.backgroundImage = "url(img/" + arr[xh] + z + ".png)";

                    if (z == 0) {

                        clearInterval(htl2)

                    }

                    z--;

                }, 100);

            }

        }

        h++;

    }, 80);

}

//进度条

var w = 179;

function jdt() {

    var jjkj = setInterval(() => {

        var box2 = document.querySelector(".box2")

        box2.style.width = w + "px"

        w--;

        if (w == 0) {

            box7.style.display = "block"

            clearInterval(ks, htl, htl2, jjkj)

            box8.innerHTML = "宝您的得分是" + jifen;

        }

    }, 500);

}

//打灰太狼和小灰灰

function dahtl() {

    for (var i = 0; i < hh.length; i++) {

        hh[i].onclick = function na() {

            var dji = this.getAttribute("index")

            var h = 9;

            if (dji == 0) {

                clearInterval(htl2)

                var mm = setInterval(() => {

                    this.style.backgroundImage = "url(img/h" + h + ".png)";

                    h--;

                    if (h == -1) {

                        clearInterval(mm)

                    }

                }, 60);

                jifen += 10;

                box1.innerHTML = jifen;

 

            }

            if (dji == 1) {

                clearInterval(htl2)

                var mm = setInterval(() => {

                    this.style.backgroundImage = "url(img/x" + h + ".png)";

                    h--;

                    if (h == -1) {

                        clearInterval(mm)

                    }

                }, 60);

                jifen -= 10;

                box1.innerHTML = jifen;

            }

        }

    }

}

//重新开始

box9.onclick = function name(params) {

    box7.style.display = "none";

    location.reload()

}

//昊天锤打灰太狼

// function ll() {

//     box.onmousemove = function(e) {

//         var x = e.offsetX;

//         var y = e.offsetY;

//         console.log(x);

//         // alert(x)

//         box10.style.left = x + 'px';

//         box10.style.top = y + 'px';

//     }

// };

// ll();