Question

我在使用clearInterval停止我的简单计数计时器时遇到问题一旦它等于0.本质上，计时器超过0变为负值而不是停在0.我正在创建一个理想情况下会发出警报的基本测验一旦计时器到达并停止在0，则为正确答案的用户。

以下是当前代码：

＆＃13;

var count = 10;
var gameTime;

gameTime = setInterval("counter()", 1000);

function convertSeconds(s){
    var min = Math.floor(s / 60);
    var sec = s % 60;
    return min + ":" + sec;
}

function counter(){
count--;
$("#timer").text(convertSeconds(count));
}

if (count === 0) {
    clearInterval("#timer");
} else {
    //Do nothing
}

＆＃13;

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Trivia</title>
	<script src="https://code.jquery.com/jquery-3.2.1.js" integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE=" crossorigin="anonymous"></script>



</head>
<body>
<div id ="timer">10</div>
</body>

＆＃13;

Answer 1

只需将if check移入计数器功能并清除gameTime变量。

setInterval以给定的间隔运行提供的函数，因此您想要运行或检查该间隔的任何内容都必须在提供的函数中发生。

var count = 10;
var gameTime;

gameTime = setInterval("counter()", 1000);

function convertSeconds(s){
    var min = Math.floor(s / 60);
    var sec = s % 60;
    return min + ":" + sec;
}

function counter(){
count--;
$("#timer").text(convertSeconds(count));
if (count === 0) {
    clearInterval(gameTime);
} else {
    //Do nothing
}
}

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Trivia</title>
	<script src="https://code.jquery.com/jquery-3.2.1.js" integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE=" crossorigin="anonymous"></script>



</head>
<body>
<div id ="timer">10</div>
</body>

使用clearInterval将jQuery计时器停止在0

1 个答案: