blocks|key|5156450|text|你的计划应该行得通。正如@JustLearning在评论中提到的，禁用按钮可能比使用标志变量更好。这将为用户提供他们无法单击的视觉线索。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5156451|话虽如此，重要的是重置你的标志，或启用按钮，必须在+//doing+all+kind+of+stuff完成后发生。|offset|length|style|CODE|5156452|假设//doing+all+kind+of+stuff是缓慢和异步的，这意味着在回调中或在promise解析时重置它。|5156453|下面是一个异步运行计数的快速示例。在计数期间，isProcessing被设置为true。在回调函数中-而不是在它之后-它重置标志。|5156454|​|5156455|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%2B%2B
++},+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.
}|code-block|syntax|javascript|5156456|<div+id+=+'count'>0</div>
<button+onclick='process()'>start</button>|5156457|5156458|entityMap^0|0|Q|P|0|2|P|0|N|C|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Y|8|@$D|Z|E|10|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|11|8|@$D|12|E|13|F|G]]|9|@]|A|$]]|$1|J|3|K|5|6|7|14|8|@$D|15|E|16|F|G]]|9|@]|A|$]]|$1|L|3|M|5|6|7|17|8|@]|9|@]|A|$]]|$1|N|3|O|5|P|7|18|8|@]|9|@]|A|$Q|R]]|$1|S|3|T|5|P|7|19|8|@]|9|@]|A|$Q|R]]|$1|U|3|M|5|6|7|1A|8|@]|9|@]|A|$]]|$1|V|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]]|W|$]]

<p>Your plan should work. As @JustLearning mentioned in the comment, it might be better to to disable the button instead of using a flag variable. This will offer visual clues to the user that they can't click.</p>

<p>Having said that, the important thing is that resetting your flag, or enabling he button, has to happen <strong>after</strong> <code>//doing all kind of stuff</code> is done. </p>

<p>Assuming that <code>//doing all kind of stuff</code> is something slow and asynchronous this means resetting it in the callback or when a promise resolves.</p>

<p>Here's a quick example that asynchronously runs a count. During the count <code>isProcessing</code> is set to true. In the callback function — not after it — it resets the flag.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function someSlowThing(cb){
  let n = 30
  let i =  0
  let d = document.getElementById('count')
  let itv = setInterval(() =&gt; {
    if (i &gt; 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(() =&gt; {
     isProcessing = false // &lt;-- important that the happens in the callback
     console.log('done')
    })
 // don't try to set isProcessing here, it will happen too soon.
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id = 'count'&gt;0&lt;/div&gt;
&lt;button onclick='process()'&gt;start&lt;/button&gt;</code></pre>
</div>
</div>
</p>


blocks|key|1698313|text|我认为您的代码的问题在于，当您调用该函数时，它既处理并释放当前正在单击的卡片，这也允许其他卡片被单击。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1698314|修复它的一个简单方法是：(我假设在点击两张卡片后，它将“关闭”，而其他卡片将可用)|1698315|​|1698316|var+isProcessed+=0;
var+selectedPair=[];
function+cardClicked(elCard){
++//add+to+the+amount+of+cards+processed
++isProcessed%2B%2B;
++//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
++}
}|code-block|syntax|javascript|1698317|1698318|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|P|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|Q|8|@]|9|@]|A|$I|J]]|$1|K|3|E|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

<p>I believe the problem with your code is that when you call the function it both processes and frees the card currently being clicked which allows other cards to be clicked as well.</p>

<p>A simple way to fix it is: (I'm assuming after two cards are clicked it will "close" and others will be available)</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>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
  }
}</code></pre>
</div>
</div>
</p>


<p>i'm new to javascript, and i'm trying to build some kind of memory game.
the game works fine until the user clicks too fast on the cards and more than 2 cards are "open".
the function is activated by clicking. i tried to check if the function is already active by adding a global var, set it to 1 ( function busy) at entrance and set it back to 0 (free) at the end. it didn't work.
any ideas how to solve it?
code is:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>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;

}</code></pre>
</div>
</div>
</p>


javascript, user clicks too fast

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我是javascript的新手，我正在尝试构建某种记忆游戏。这个游戏运行良好，直到用户在卡片上点击过快，超过2张卡片被“打开”。点击即可激活该功能。我试图通过添加一个全局变量来检查函数是否已经激活，在入口处将其设置为1(函数繁忙)，在结束时将其设置回0(空闲)。它没有起作用。有没有办法解决这个问题？代码为：​var i...

问javascript，用户点击太快
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问javascript，用户点击太快EN