Javascript 如何在2秒钟后实现一个计时器来处理每张卡？

我有这个功能，它将把一张牌发给玩家，然后发给庄家，然后发给玩家，然后发给庄家

我尝试使用

setTimeout（函数，毫秒）但它不起作用。例如，如果我设置2秒，它将等待4秒，然后将2张牌发给玩家，然后直接发给庄家2张牌，或者它将等待8秒，然后在一批中将所有牌发出去

以下是我的方法：

const dealOneCardToPlayer = () => {
    // Take a card from the top deck to be assigned to tempcard.
    tempCard = deck.cards.splice(0, 1);
    //console.log(tempCard);
    player.cards.push(tempCard);

    if (player.cards.length === 5) {
        player.canHit = false;
    }

    if (player.canHit) {
        $("#btnHit").show();
    } else {
        $("#btnHit").hide();
    }

    player.handValue = countHandValue(player.cards);
    makeCardPlayer(tempCard[0]);
}

const dealOneCardToDealer = (holeCard) => {
    // Take a card from the top deck to be assigned to tempcard.
    tempCard = deck.cards.splice(0, 1);
    dealer.cards.push(tempCard);

    if (dealer.cards.length === 5) {
        dealer.canHit = false;
    }

    if (dealer.canHit) {
        $("#btnHit").show();
    } else {
        $("#btnHit").hide();
    }

    dealer.handValue = countHandValue(dealer.cards);
    makeCardDealer(tempCard[0],holeCard);
}

const deal = () => {
    debugger;
    newDeck();

    // Option: to burn first card before deal a card
    // to the first player
    burnOneCard;

    dealOneCardToPlayer();
    dealOneCardToDealer(false);
    dealOneCardToPlayer();

    // true for hole card
    dealOneCardToDealer(true);

    showGameButtons(true);
    checkEndGame1();
    checkGameOver();
}



身体{
字号：2em；
}
h3，h5{
文本对齐：居中；
}
h5{
利润上限：-40px；
}
/*调试目的*/
一层甲板{
边框：1px纯绿色；
利润率：10px；
填充：10px；
}
/*调试目的*/
分区游戏卡{
边框：1px纯蓝色；
利润率：10px；
填充：10px；
}
/*调试目的*/
经销商卡部{
边框：1px纯红；
利润率：10px；
填充：10px；
}
#主容器{
最大宽度：600px；
保证金：0自动；
}
字段集{
边缘顶部：30px；
边框：1px实心#999；
边界半径：8px；
盒影：0 10px#999；
}
传奇{
背景：#fff；
}
#卡片包装机{
显示器：flex；
柔性包装：包装；
}
.卡片{
显示：内联块；
垂直对齐：顶部；/*浮动：左侧*/
文本对齐：居中；
保证金：5px；
填充：10px；
宽度：70px；
高度：100px；
字号：26px；
背景色：黑色；
边框：实心1px黑色；
颜色：白色；
边界半径：10px；
}
霍勒卡尔先生{
/*可见性：隐藏*/
边框：实心1px黑色；
背景：重复线性梯度（45度，#606dbc，#606dbc 10px，#465298 10px，#465298 20px）；
}
瑞德先生{
背景色：红色；
边框：实心1px#8C001A；
}
.templatePlayer、.templateDealer{
显示：无；
}
#布丁盖姆{
利润率：10px；
}
.获胜者{
边框：实心5px#7ac142；
}
B先生{
背景色：道奇蓝；/*绿色*/
边界：无；
颜色：白色；
填充：15px 32px；
/*边界半径：10px*/
文本对齐：居中；
文字装饰：无；
显示：内联块；
字体大小：16px；
光标：指针；
-webkit转换持续时间：0.4s；/*Safari*/
过渡时间：0.4s；
盒影：0.8px 16px 0 rgba（0,0,0,0.2），0.6px 20px 0 rgba（0,0,0.19）；
}
#btnHit{
右边距：20px；
}
.柔性容器{
填充：0；
保证金：0；
显示器：flex；
证明内容：之间的空间；
最大宽度：100%；
溢出：自动；
/*边框：1px纯红*/
}
简单Javascript二十一点游戏
由Steve Ngai开发
牌组中剩余的牌：
经销商（手值：）
玩家（手值：）
比赛结果
“严格使用”；
//变量/对象声明和初始化-启动
const isDebug=false；
常数延迟=2000；
var gameOver=false；
施工甲板={
卡片：[]
}
var-tempCard；
康斯特玩家={
卡片：[]，
handValue:0，
isWinner:错，
坎希特：是的
}
常数经销商={
卡片：[]，
handValue:0，
isWinner:错，
坎希特：是的
}
var result=document.getElementById（“gameResult”）；
const cardSuit=[“红心”、“钻石”、“梅花”、“黑桃”]；
常量卡片面=[“2”、“3”、“4”、“5”、“6”、“7”、“8”、“9”、“10”、“J”、“Q”、“K”、“A”]；
$（“.checkmarkDealer”）.hide（）；
$（“.checkmarkPlayer”）.hide（）；
$（“#handValueDealer”）.hide（）；
//变量/对象声明和初始化-结束
如果（！isDebug）{
document.getElementById（“btnDevelopment”）.style.display=“无”；
document.getElementById（“deck”）.style.display=“无”；
document.getElementById（“oneDeck”）.style.display=“无”；
document.getElementById（“playerCards”）.style.display=“无”；
document.getElementById（“DealCards”）.style.display=“无”；
//document.getElementById（“结果”）.style.display=“无”；
}否则{
document.getElementById（“btnDevelopment”）.style.display=“block”；
document.getElementById（“deck”）.style.display=“block”；
document.getElementById（“oneDeck”）.style.display=“block”；
document.getElementById（“playerCards”）.style.display=“block”；
document.getElementById（“DealCards”）.style.display=“block”；
//document.getElementById（“结果”）.style.display=“块”；
}
const showGameButtons=（CardDealed）=>{
如果（c）{
$（“#btnDeal”）.hide（）；
$（“#btnHit”）.show（）；
$（“#btnStand”）.show（）；
//document.getElementById（“btnDeal”）.disabled=true；
//document.getElementById（“btnHit”）.disabled=false；
//document.getElementById（“btnStand”）.disabled=false；
}否则{
$（“#btnDeal”）.show（）；
$（“#btnHit”）.hide（）；
$（“#btnStand”）.hide（）；
//document.getElementBy