From c2e2c28408f37d10e2af155e337daef6a0df75e0 Mon Sep 17 00:00:00 2001
From: zxh <18295968303@163.com>
Date: Sat, 26 Jun 2021 10:11:55 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96game4=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
game4.html | 286 +++++++++++++++++++++++++++--------------------------
1 file changed, 147 insertions(+), 139 deletions(-)
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)')