JavaScript 일시정지 및 재개 타이머 구현 방법

JavaScript 타이머에는 엄격한 일시 중지 및 다시 시작이 없으며 명확한 중지만 가능하지만 일부 '눈길'을 통해 달성할 수 있습니다.

allChild[index].onclick = function(){//当点击目标且满足下面的条件时 让计时器时间暂停
if(gamInt == true){
$("#tu").css("display","block");
//计时器暂停（清除定时器）
clearInterval(countdownTimer);
//延迟2s后游戏继续 计时器暂停结束
setTimeout(function(){
// 移除所有的图片
removeImgFun();
$("#tu").css("display","none");
imgNum++;
if(imgNum >= 10){
imgNum = 10;
}
createImgFun();
//定时器继续接之前的时间增加 继续播放（将之前的定时器重新引用一次 包括定时器的名字（必须要有 不然容易引起电脑死机）完整引入）
countdownTimer = setInterval(function (){
countdownNum -= 0.01;
//保留两位小数
countdownNum = countdownNum.toFixed(2);
if (countdownNum <= 0){
clearInterval(countdownTimer);
//游戏结束
alert("游戏结束！");
//房祖名不能再点击（分数不再计数）
gamInt = false;
}
time.innerHTML = "倒计时:" + countdownNum + "秒";
},10);
},2000)
//计分
scores += 1;
score.innerHTML = "第" + scores + "关";
if(scores > 8){
$("#wc").css("display","block");
$("#haha").css("display","none");
$("#cj").on("click",award());
$("#sm").on("click",explain());
}
}
}

위 내용은 에디터가 소개한 자바스크립트의 타이머 일시 정지 및 지속 방법이 도움이 되었으면 좋겠습니다. 궁금한 사항이 있으면 메시지를 남겨주시면 에디터가 시간 맞춰 답변해 드리겠습니다. 또한 PHP 중국어 웹사이트를 지원해 주신 모든 분들께 감사드립니다!

JavaScript 일시 중지 및 계속 타이머 구현 방법에 대한 더 많은 관련 기사를 보려면 PHP 중국어 웹사이트에 주목하세요!