diff --git a/game4.html b/game4.html index fd8a20e..b08f15b 100644 --- a/game4.html +++ b/game4.html @@ -308,159 +308,167 @@ //点击答案 var trueNums = 0 + //是否可以点击 + var ifClick = true; console.log(trueArr) $('.contList ul').eq(trueNums).css('display', 'flex'); $('.tipList>ul>li').eq(trueNums).css('display', 'block'); $('.tipList>ul>li').eq(trueNums).find('.time').attr('id', 'dataNums'); $('.contList ').on('touchstart', 'li', function(e) { - console.log(e) - $(this).find('p').css("transform",'scale(.8)') - var idIndex = e.currentTarget.dataset.id; - - for(var i = 0; i <= timeArrNew.length; i++) { - if(timeArrNew[i] == newTiemArr1[trueNums]) { - console.log(i) - daAnIndex = i - } - } - if(daAnIndex == idIndex) { - //正确 - var ans = '

' + contArr[daAnIndex] + '

' + writeArr[daAnIndex] + '

' - $('.tipList li').eq(trueNums).append(ans) - var trueAudio = document.getElementById('trueAudio'); - trueAudio.play(); - audioAutoPlay('trueAudio') - $('.tipList>ul>li').eq(trueNums).find('.daAn').fadeIn(1000); - $('.tipList>ul>li').eq(trueNums).find('.kuang').css('visibility', 'hidden'); - $('.tipList>ul>li').eq(trueNums).find('.text').slideDown(1000); - $(this).fadeOut(1000) - setTimeout(function() { - trueNums++; - $('.tipList>ul>li').eq(trueNums).css('display', 'block'); - // $('.contList ul').eq(trueNums).css('display', 'flex').siblings().css('display', 'none'); - //更换选项 - if(trueNums<5) { - deepBtn = ''; - var newIndexArr = []; - var ansIndex = null; - for(var i = 0; i <= timeArrNew.length; i++) { - if(timeArrNew[i] == newTiemArr1[trueNums]) { - console.log(i) - ansIndex = i - } - } - newIndexArr.push(ansIndex); - randArr(nameArr) - for(var n = 0; n < nameArr.length; n++) { - if(newIndexArr.length < 5 && newIndexArr[0] != nameArr[n]) { - newIndexArr.push(nameArr[n]) - } - - } - randArr(newIndexArr); - for(var i = 0; i <= 4; i++) { - deepBtn += '
  • ' + writeArr[newIndexArr[i]] + '

  • ' - } - $('.contList ul').html(deepBtn) - } - //更换选项end - $('.tipList>ul>li').eq(trueNums).find('.time').attr('id', "dataNums"); - for(var i = 0; i <= 4; i++) { - console.log(i + '==' + trueNums) - if(i != trueNums) { - - $('.tipList>ul>li').eq(i).find('.time').attr('id', ""); - $('.tipList>ul>li').eq(i).find('.time').find('.dataNums').remove(); - $('.tipList>ul>li').eq(i).find('.time').css({ - 'background': 'url(img/game4/topIcon.png) no-repeat', - 'background-size': '100% 100%' - }) - + if(ifClick){ + + console.log(e) + $(this).find('p').css("transform",'scale(.8)') + var idIndex = e.currentTarget.dataset.id; + + for(var i = 0; i <= timeArrNew.length; i++) { + if(timeArrNew[i] == newTiemArr1[trueNums]) { + console.log(i) + daAnIndex = i } } - console.log(trueNums + 'trueNums++;') - yearTime(newTiemArr1[trueNums]); - $('.tipList>ul>li').eq(trueNums - 1).find('.year').css('display', 'flex'); - var times = newTiemArr1[trueNums - 1].toString().split(''); - var timeSpan = ''; - $.each(times, function(i, item) { - timeSpan += '' + item + '' - }) - $('.tipList>ul>li').eq(trueNums - 1).find('.year').html(timeSpan) - }, 1000) - - if(trueNums == 4) { - setTimeout(function(){ - $('.contList ul li').fadeOut(500) - },1000) - setTimeout(function() { - // alert("游戏结束"); - clearInterval(timeLength); - // console.log(time) - if(time > 3600) { - var houre = parseInt(time / 3600); - if(time % 3600 > 60) { - var min = parseInt((time % 3600) / 60) - } else { - var min = 0; + if(daAnIndex == idIndex) { + ifClick = false; + //正确 + var ans = '

    ' + contArr[daAnIndex] + '

    ' + writeArr[daAnIndex] + '

    ' + $('.tipList li').eq(trueNums).append(ans) + var trueAudio = document.getElementById('trueAudio'); + trueAudio.play(); + audioAutoPlay('trueAudio') + $('.tipList>ul>li').eq(trueNums).find('.daAn').fadeIn(1000); + $('.tipList>ul>li').eq(trueNums).find('.kuang').css('visibility', 'hidden'); + $('.tipList>ul>li').eq(trueNums).find('.text').slideDown(1000); + $(this).fadeOut(1000) + setTimeout(function() { + ifClick = true; + trueNums++; + $('.tipList>ul>li').eq(trueNums).css('display', 'block'); + // $('.contList ul').eq(trueNums).css('display', 'flex').siblings().css('display', 'none'); + //更换选项 + if(trueNums<5) { + deepBtn = ''; + var newIndexArr = []; + var ansIndex = null; + for(var i = 0; i <= timeArrNew.length; i++) { + if(timeArrNew[i] == newTiemArr1[trueNums]) { + console.log(i) + ansIndex = i + } + } + newIndexArr.push(ansIndex); + randArr(nameArr) + for(var n = 0; n < nameArr.length; n++) { + if(newIndexArr.length < 5 && newIndexArr[0] != nameArr[n]) { + newIndexArr.push(nameArr[n]) + } + + } + randArr(newIndexArr); + for(var i = 0; i <= 4; i++) { + deepBtn += '
  • ' + writeArr[newIndexArr[i]] + '

  • ' + } + $('.contList ul').html(deepBtn) } - var sec = (time % 3600) % 60 - $('.textTime').text('用时' + houre + '时' + min + '分' + sec + '秒') - - } else if(time > 60 && time < 3600) { - $('.textTime').text('用时' + parseInt(time / 60) + '分' + (time % 60) + '秒') - } else { - $('.textTime').text('用时' + (time % 60) + '秒') - - } - var showSate = false; - maskState() - $('.mask').fadeIn(); - $('.success').fadeIn(); - $('.imgIcon').fadeIn(); - $('.deepBtn').fadeIn() - - showSate = true; - maskState() - - function maskState() { - if(showSate) { - $('.imgIcon').animate({ - 'top': '0', - "right": '8%', - 'width': '.98rem', - 'height': '1.24rem' - }, 2000) - - function yincang() { - $('.titleIcon ul li').eq(3).css({ - 'visibility': 'hidden' + //更换选项end + $('.tipList>ul>li').eq(trueNums).find('.time').attr('id', "dataNums"); + for(var i = 0; i <= 4; i++) { + console.log(i + '==' + trueNums) + if(i != trueNums) { + + $('.tipList>ul>li').eq(i).find('.time').attr('id', ""); + $('.tipList>ul>li').eq(i).find('.time').find('.dataNums').remove(); + $('.tipList>ul>li').eq(i).find('.time').css({ + 'background': 'url(img/game4/topIcon.png) no-repeat', + 'background-size': '100% 100%' }) + } - setTimeout('yincang()', 2000) } + console.log(trueNums + 'trueNums++;') + yearTime(newTiemArr1[trueNums]); + $('.tipList>ul>li').eq(trueNums - 1).find('.year').css('display', 'flex'); + var times = newTiemArr1[trueNums - 1].toString().split(''); + var timeSpan = ''; + $.each(times, function(i, item) { + timeSpan += '' + item + '' + }) + $('.tipList>ul>li').eq(trueNums - 1).find('.year').html(timeSpan) + }, 1000) + + if(trueNums == 4) { + setTimeout(function(){ + $('.contList ul li').fadeOut(500) + },1000) + setTimeout(function() { + // alert("游戏结束"); + clearInterval(timeLength); + // console.log(time) + if(time > 3600) { + var houre = parseInt(time / 3600); + if(time % 3600 > 60) { + var min = parseInt((time % 3600) / 60) + } else { + var min = 0; + } + var sec = (time % 3600) % 60 + $('.textTime').text('用时' + houre + '时' + min + '分' + sec + '秒') + + } else if(time > 60 && time < 3600) { + $('.textTime').text('用时' + parseInt(time / 60) + '分' + (time % 60) + '秒') + } else { + $('.textTime').text('用时' + (time % 60) + '秒') + + } + var showSate = false; + maskState() + $('.mask').fadeIn(); + $('.success').fadeIn(); + $('.imgIcon').fadeIn(); + $('.deepBtn').fadeIn() + + showSate = true; + maskState() + + function maskState() { + if(showSate) { + $('.imgIcon').animate({ + 'top': '0', + "right": '8%', + 'width': '.98rem', + 'height': '1.24rem' + }, 2000) + + function yincang() { + $('.titleIcon ul li').eq(3).css({ + 'visibility': 'hidden' + }) + } + setTimeout('yincang()', 2000) + } + } + $('.deepBtn').click(function() { + var url = location.href.split('?')[1]; + window.location.replace("game5.html?" + url) + }) + $('.close').on('touchstart', function() { + $('.mask').fadeOut(); + $('.success .sucImg div').fadeOut(); + $('.success .close').fadeOut(); + }) + }, 2000) } - $('.deepBtn').click(function() { - var url = location.href.split('?')[1]; - window.location.replace("game5.html?" + url) - }) - $('.close').on('touchstart', function() { - $('.mask').fadeOut(); - $('.success .sucImg div').fadeOut(); - $('.success .close').fadeOut(); - }) - }, 2000) - } - - } else { - - var falseAudio = document.getElementById('falseAudio'); - falseAudio.play(); - audioAutoPlay('falseAudio') - // + } else { + + + var falseAudio = document.getElementById('falseAudio'); + falseAudio.play(); + audioAutoPlay('falseAudio') + // + } + + } - }).on('touchend',function(e){ console.log($(this).index()) $(this).find('p').css("transform",'scale(1)')