Question

我是javascript的新手，我正在尝试构建某种记忆游戏。游戏运行良好，直到用户在卡上单击得太快并且“打开”了2张以上的卡为止。单击可激活该功能。我试图通过添加一个全局变量来检查该功能是否已经激活，在入口处将其设置为1（函数忙），最后将其设置回0（空闲）。它没有用。任何想法如何解决呢？代码是：

var isProcessed =0;

function cardClicked(elCard){
  //check to see if another click is being processed
  if(isProcessed===1){
    return;
  }
  //if function is not already active - set it to "active" and continue
  isProcessed=1;
  
  
  //doing all kind of stuff
  
  //setting function to "free" again
  isProcessed=0;

}

Answer 1

我相信您的代码存在的问题是，当您调用该函数时，它会处理并释放当前正在单击的卡，从而也可以单击其他卡。

一种简单的解决方法是：（我假设单击了两张卡后，它将“关闭”，其他卡可用）

var isProcessed =0;
var selectedPair=[];
function cardClicked(elCard){
  //add to the amount of cards processed
  isProcessed++;
  //If there are two cards "processed" then:
  if(isProcessed===2){
    //reset the amount processed after two cards have been opened
    isProcessed=0;
    //"close" card functionality
    //clear the array of selected cards;
    selectedPair=[];
    return;
  }else{
    //add card to the selectedPair array so we can keep track
    //which two cards to "close" after it resets
    selectedPair.push(elCard);
    //do all kinds of stuff
  }
}

Answer 2

您的计划应该有效。正如@JustLearning在评论中提到的，最好禁用按钮而不是使用标志变量。这将为用户提供无法点击的视觉提示。

话虽如此，重要的是必须在完成{strong> //doing all kind of stuff之后重置您的标志或启用他的按钮。

假设//doing all kind of stuff有点慢且异步，这意味着在回调或答应解决时将其重置。

这是一个异步运行计数的快速示例。在计数期间，isProcessing设置为true。在回调函数中（而不是在回调函数中），它将重置标志。

function someSlowThing(cb){ let n = 30 let i = 0 let d = document.getElementById('count') let itv = setInterval(() => { if (i > n) { clearInterval(itv); i = 0 return cb() } d.innerHTML = i++ }, 50) } var isProcessing = false; function process(e){ if(isProcessing) { console.log("wait please") return } isProcessing = true someSlowThing(() => { isProcessing = false // <-- important that the happens in the callback console.log('done') }) // don't try to set isProcessing here, it will happen too soon. }

<div id = 'count'>0</div> <button onclick='process()'>start</button>

javascript，用户点击速度太快

2 个答案: