为错过的变量创建计数器

时间:2016-02-28 10:45:55

标签: javascript jquery variables counter

有没有办法为错过的变量创建一个计数器? 我正在创建3个计数器 - 正确,错误和错过。 我为2个数字设置了一个时间间隔。 如果他们匹配,我点击按钮,它是正确的。 如果他们不匹配,我点击按钮,这是错误的 但如果我不点击,2号码随时间间隔而变化。它被认为是错过了。

但是如何增加错过的计数器?

我的HTML如下:

<td>Correct:</td>
<td id="correctScore"><span>0<span></td>
<td><span>Wrong<span></td>
<td id="wrongScore"><span>0<span></td>
<td><span>Missed<span></td>
<td id="missedScore"><span>0<span></td>

我的脚本如下:

var num1;
var num2;
var timerID;
var correctCount;
var WrongCount;
var missedCount;

correctCount = 0;
wrongCount = 0;
missedCount = 0;

timerID = setInterval(function() {
num1=Math.floor((Math.random()*3)+1);
document.getElementById("number1").innerHTML = num1;
}, 2 * 1000);

timerID = setInterval(function() {
num2=Math.floor((Math.random()*3)+1);
document.getElementById("number2").innerHTML = num2;
$('.numberStyle').css("font-size", "100px");
}, 2 * 1000);

$("input").click(function() { 

if (num1 == num2) {
correctCount++;
document.getElementById("correctScore").innerHTML = correctCount;

}   else if (num1 != num2) {
wrongCount ++;
document.getElementById("wrongScore").innerHTML = wrongCount;

}   else  {
missedCount ++;
document.getElementById("missedScore").innerHTML = missedCount;

感谢任何帮助,非常感谢。 (:

1 个答案:

答案 0 :(得分:0)

我认为没有任何理由可以解释为什么每个号码都使用2个定时器。您可以在计时器中生成两个数字,如下所示:

timerID = setInterval(function() {
    num1=Math.floor((Math.random()*3)+1);
    num2=Math.floor((Math.random()*3)+1);

   document.getElementById("number1").innerHTML = num1;
   document.getElementById("number2").innerHTML = num2;
}, 2 * 1000);

对于错过的计数器,您可以定义一个变量来检查用户是否应答,而在计时器中,您可以通过查看该变量来增加missedCount

https://jsfiddle.net/rev86ta2/