Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JavaScript函数dosen';我工作不正常_Javascript_Html - Fatal编程技术网

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文件我现在创建了本地路径。