找茬游戏html5源码,大家来找茬游戏以JS实现

【实例简介】

运用js语言来实现大家来找茬小游戏

【实例截图】

【核心代码】

;~function(){

var d = document,

scene = d.getElementById("scene"),

startBtn = d.getElementById("start-btn"),

timeBox = d.getElementById("time-box"),

timeBar = d.getElementById("time-bar"),

diffFindNum = d.getElementById("diff-find-num"),

topPic = d.getElementById("top-pic"),

bottomPic = d.getElementById("bottom-pic"),

layer = d.getElementById("layer"),

mask = d.getElementById("mask"),

tipsWordArr = ["开始游戏吧！" , "玩累了，休息下吧！" , "时间到，游戏结束！每点错一次扣10s，你的得分是" , "恭喜全部通关！你的得分是" , "开始游戏" , "暂停游戏"],

imgNumArr = [],

imgDiffNum = 0,

imgFindNum = 0,

sceneSwitchTimer = null ,

isPlayAgain = false,

isFirstPlay = true;

startBtn.onclick = function(){

if(isPlayAgain){

game.init();

counter.start(timeBar , true , game.over);

sceneMask.hide();

}

if(this.innerHTML == tipsWordArr[4]){

this.innerHTML = tipsWordArr[5];

if(isPlayAgain){

counter.start(timeBar , true , game.over);

}

else{

counter.start(timeBar , false , game.over);