Browse Source

优化game4逻辑

master
zxh 3 years ago
parent
commit
c2e2c28408
1 changed files with 147 additions and 139 deletions
  1. 286
      game4.html

286
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 = '<p class="text">' + contArr[daAnIndex] + '</p><p class="daAn">' + writeArr[daAnIndex] + '</p>'
$('.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 += '<li class="textName" data-id=' + newIndexArr[i] + ' style="' + textNameArr[i] + '"><p class="btnText">' + writeArr[newIndexArr[i]] + '</p></li>'
}
$('.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 += '<span>' + item + '</span>'
})
$('.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 = '<p class="text">' + contArr[daAnIndex] + '</p><p class="daAn">' + writeArr[daAnIndex] + '</p>'
$('.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 += '<li class="textName" data-id=' + newIndexArr[i] + ' style="' + textNameArr[i] + '"><p class="btnText">' + writeArr[newIndexArr[i]] + '</p></li>'
}
$('.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 += '<span>' + item + '</span>'
})
$('.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)')

Loading…
Cancel
Save