JavaScript函数dosen';我工作不正常
我有一个功能,检查板上是否有搜索元素。 第一个脚本创建一个具有不同元素的板。棋盘旁边正方形中的元素是用户必须在棋盘上找到并单击的元素 用户必须(尽快)单击所有搜索元素。点击元件功能检查电路板后,是否有更多元件。如果是,则不会发生任何情况,用户必须单击另一个。如果板上没有搜索元素,则函数显示时间并创建新板。 但由于某些原因,函数只能在页面加载后第一次正常工作。后一个函数忽略板上的多个元素或查看板上不再存在的元素。 你能告诉我怎么了吗 下面是代码的一部分,有一个指向测试页面的链接。 多谢各位JavaScript函数dosen';我工作不正常,javascript,html,Javascript,Html,我有一个功能,检查板上是否有搜索元素。 第一个脚本创建一个具有不同元素的板。棋盘旁边正方形中的元素是用户必须在棋盘上找到并单击的元素 用户必须(尽快)单击所有搜索元素。点击元件功能检查电路板后,是否有更多元件。如果是,则不会发生任何情况,用户必须单击另一个。如果板上没有搜索元素,则函数显示时间并创建新板。 但由于某些原因,函数只能在页面加载后第一次正常工作。后一个函数忽略板上的多个元素或查看板上不再存在的元素。 你能告诉我怎么了吗 下面是代码的一部分,有一个指向测试页面的链接。 多谢各位 fu
function secondStage() {
createBoxes(59);
var usingSet = [];
var i = 0;
var boxList = document.querySelectorAll("#board > div");
createSet(usingSet, 20, shapes);
(function paint() {
if (i <= 59) {
var curentBox = boxList[i];
curentBox.className = usingSet[draw(20)];
curentBox.style.color = colors[draw(colors.length - 5)];
timeStop = setTimeout(paint, 50);
i++;
} else {
var findShape = boxList[draw(59)];
toFind.className = findShape.className;
toFind.style.color = findShape.style.color;
findBoxes(boxList);
clearTimeout(timeStop);
}
})();
}
//function checks boxes to find a proper shape
function findBoxes(boxList) {
startTime = Date.now();
board.addEventListener("mousedown", function (e) {
if ((e.target.className === toFind.className)) {
e.target.className = "correct";
e.target.innerHTML = "OK";
checkBoard();
} else if (e.target.id === "board" || e.target.className === "correct") {
} else {
e.target.className = "false";
e.target.innerHTML = "NO";
}
}, false);
function checkBoard() {
var condition = false;
console.log(condition);
for (var x = 0; x < boxList.length; x++) {
if ((boxList[x].className === toFind.className)) {
condition = true;
console.log(condition);
}
}
if (condition === false) {
var clickTime = Date.now();
var timeResult = parseFloat(((clickTime - startTime) / 1000).toFixed(3));
lastResult.innerHTML = timeResult + "s";
secondResult[secondResult.length] = timeResult;
console.log(secondResult);
displayResult(secondStage);
}
}
}
//function displaig results after every single round
function displayResult(stage) {
cover.className = "";
TweenMax.to("#lastResultDiv", 1, {ease: Back.easeOut, right: (winWidth / 4), });
TweenMax.to("#go", 1, {ease: Back.easeOut, top: (winWidth / 3), onComplete: function () {
goButton.addEventListener("click", function () {
clear();
}, false);
}});
//clear board and return to play
function clear() {
TweenMax.to("#lastResultDiv", 1, {ease: Back.easeIn, right: winWidth, });
TweenMax.to("#go", 1, {ease: Back.easeOut, top: -100, onComplete: function () {
cover.className = "hide";
lastResultDiv.style.right = "-592px";
toFind.className = "";
board.innerHTML = "";
if (firstStageRound === 10) {
secondStage();
} else if (secondStageRound === 5) {
thirdStage();
} else {
stage();
}
}});
}
}
函数第二阶段(){
创建框(59);
var usingSet=[];
var i=0;
var boxList=document.queryselectoral(#board>div);
createSet(使用Set,20,形状);
(功能油漆(){
如果(i未加载此文件http://cdnjs.cloudflare.com/ajax/libs/gsap/1.17.0/TweenMax.min.js
尝试本地路径此脚本需要更多时间才能加载“未找到此jquery文件我现在创建了本地路径。