为错过的变量创建计数器

问题描述:

有没有办法为错过的变量创建计数器? 我正在创建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; 

任何帮助表示赞赏,非常感谢提前。 (:

我看不出有任何理由,解释为什么你使用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/

+0

嘿@易卜拉欣·杜兰,感谢您的有用的建议......在这种情况下,该按钮计数器不止一次增加如果我继续点击。我如何使它只能点击一次。 我试图 。对(“点击”,()的函数和 .off(“点击”,()的函数 但是,如果我这样做,那么按钮,然后只函数一次..任何想法来解决这个身边? – herblackcat

+0

你可以通过在click函数中检查这个答案变量来阻止它。请参阅:https://jsfiddle.net/rev86ta2/1/ –

+0

Hi @İbrahimDuran,感谢您的及时回复。明白这一点,请原谅我对新手的无知,这是否意味着 “如果(!回答){”现在是2秒间隔的一部分?或者为什么这个班轮帮助只启用一次点击? 非常感谢提前 – herblackcat