Question

Im currently working on a memory game project. A function I am trying to implement, flips cards around after two seconds instead of having them flip instantly.

let openCards = [];

function cardActions(card) {
    // prevent function from adding two classes over and over again 
    if (!(card.classList.contains( open ))) {
        // display the card s symbol 
        card.className +=   open ;
        card.className +=   show ;
        // add card to list of open cards
        openCards.push(card);
        if(openCards.length === 2) {
            if(openCards[0].innerHTML === openCards[1].innerHTML) {
                // add the match class
                Array.from(openCards).forEach(function(card){
                    card.className +=   match ;
                });
                console.log( match );
                // empty open cards
                openCards = [];
            } else {
                Array.from(openCards).forEach(function(card) {
                    // add the mismatch class
                    card.className +=   mismatch ;
                });

在该方案的目前阶段,我计划当使用者已经找回卡片时将卡片lip。

因此,我的确创造了一个叫做“lip”的“yn”功能。我把等待的睡觉带在休眠方案执行中,但所有休眠的人都没有被确定错误。

我不肯定,为什么这种情况发生,因为睡眠功能IS在短片功能中作了界定。

                // flip cards around
                async function flip() {
                    await sleep(2000);
                    Array.from(openCards).forEach(function(card) {
                        card.classList.remove( mismatch )
                        card.classList.remove( open );
                        card.classList.remove( show );
                    });
                }
                // give user time to look at the cards
                flip();
                console.log( these dont match );
                // empty open cards
                openCards = [];
            }
        }
    }
}

Answer 1

instead of await sleep(2000); sleep is not a native stop the program but you can yield the same results with setTimeout

use

window.setTimeout(() => {
  Array.from(openCards).forEach(function(card) {
    card.classList.remove( mismatch )
    card.classList.remove( open );
    card.classList.remove( show );
  });
}, 2000);

或无狭义功能

console.log( 1 );
window.setTimeout(() => {
  console.log( 2 );
}, 2000);
console.log( 3 );

Answer 2

处理日期比<条码>> 准时更容易。如果你想使用<代码>sleep等内容的话,请重新说明,然后确定一种功能,即,在投入后解决:

const sleep = ms => new Promise(res => setTimeout(res, ms));

(async () => {
  console.log( 1 );
  await sleep(500);
  console.log( 2 );
  await sleep(1500);
  console.log( 3 );
})();

它使用<条码>准时和背书。

Answer 3

利用Node.js为我工作:

创造新的功能,在睡觉后解决:

async sleep(ms) {
            return new Promise(resolve => setTimeout(resolve, ms));
          }

使用该功能,仅指作为同功能的职能:

async foobar() {
    await sleep(1000)
}

Im currently working on a memory game project. A function I am trying to implement, flips cards around after two seconds instead of having them flip instantly.

友情链接