如何在Javascript游戏中只显示最新的倒计时计时器，而不显示额外的库？

我正在创造一个愚蠢的匹配游戏。游戏似乎运行正常，包括每轮10秒计时器。我想显示一个计时器，让玩家知道他们还有多少时间。我可以让它工作，但问题是，在第一个级别之外的每个级别上，上一个级别的计时器（如果没有达到00:00）和当前级别的计时器似乎相互覆盖，并且每个都会短暂显示

当玩家进入下一关时，我如何隐藏上一关的计时器

在调用计时器函数之前，我尝试删除节点并重新创建它，但没有成功

// Prevent overlapping timers by creating a new tickTock div
function refreshTimer() {
  displayTimer.remove();
  var tickTock = document.createElement("div");
  tickTock.setAttribute("id", "tickTock");
  textContainer.appendChild(tickTock);
} */

如果您在整个页面中运行以下代码段，第一层的正确答案将是第一行中的最后一个图像。这会重现我在显示计时器上遇到的问题

//声明起始变量
var theLeftSide=document.getElementById（“leftSide”）；
var theRightSide=document.getElementById（“右侧”）；
var theBody=document.getElementsByTagName（“body”）[0]；
var gameEnd=document.getElementById（“gameEnd”）；
var topText=document.getElementById（“指令1”）；
var bottomText=document.getElementById（“指令2”）；
var displayTimer=document.getElementById（“tickTock”）；
var textContainer=document.getElementById（“textContainer”）；
var numberOfJesses=5；
//开始比赛
函数生成器（）{
for（var i=0；i0）{
setTimeout（计时器，即粒度）；
}否则{
差异=0；
那.跑=假；
}
obj=倒计时程序.parse（diff）；
that.tickFtns.forEach（函数（ftn）{
ftn.呼叫（此，目标分钟，目标秒）；
}，即）；
}());
};
CountDownTimer.prototype.onTick=函数（ftn）{
如果（ftn的类型==‘功能’）{
这个.tickFtns.push（ftn）；
}
归还这个；
};
CountDownTimer.prototype.expired=函数（）{
返回！这是跑步；
};
CountDownTimer.parse=函数（秒）{
返回{
“分钟”：（秒/60）| 0，
“秒”：（秒%60）| 0
};
};
//设置显示计时器
函数goTime（）{
var定时器=新的倒计时（10）；
timer.onTick（format.start（）；
函数重新启动（）{
if（this.expired（））{
setTimeout（函数（）{timer.start（）；}，1000）；
}
}
函数格式（分、秒）{
分钟=分钟<10？“0”+分钟：分钟；
秒=秒<10？“0”+秒：秒；
displayTimer.textContent=分钟+'：'+秒；
}
};
/*无法使其正确影响显示计时器
//通过创建新的tickTock div防止计时器重叠
函数刷新计时器（）{
displayTimer.remove（）；
var tickTock=document.createElement（“div”）；
设置属性（“id”，“tickTock”）；
textContainer.appendChild（tickTock）；
}*/

杰西“身体”文图拉的配对游戏
我们来玩吧！
单击右侧缺失的左侧杰西·文图拉的图像
您每轮有10秒时间选择正确的图像

请尽量将代码减少到导致问题的部分；A.为了重现这一点，我们需要HTML和JavaScript（可能只针对计时器位，因为这似乎就是问题所在）。您可以使用使其在堆栈溢出时可运行。