Question

如果你能帮我解决这个问题，我将不胜感激。我希望程序运行ike：

点击一个按钮后，一个像3 X 2的问题将写在文档中，文本框中我可以回答。
使用提示框检查答案是对还是错。
它应该有一个从60到0的计时器，当它达到零并且你无法回答它时，它会提示你时间到了。

我已经知道倒数计时器了。我只是不知道如何创建其余的^ _ ^。

<html>
<head>
<title>JavaScript Timer</title>
<script type="text/javascript">

var SECONDS_LEFT, TIMER, TIMES_UP;

function resetTimer(seconds){
 SECONDS_LEFT = seconds;
 document.Timer.TimeLeft.value = SECONDS_LEFT;
 clearTimeout(TIMER);
}

function decrementTimer(){
 TIMES_UP = false;
 document.Timer.TimeLeft.value = SECONDS_LEFT;
 SECONDS_LEFT--;


 if (SECONDS_LEFT >= 0) {
  TIMER = setTimeout(decrementTimer, 1000);
 } else {
  alert("Time's up!");
  resetTimer(60);
 }
}
</script>
</head>
<body onload="resetTimer(60)">

<form name="Timer" onsubmit="return false;">
Timer: <input type="text" name="TimeLeft" size="2"
  style="text-align:center" onfocus="this.blur();">
  seconds left<br>
  <input type="button" name="btnStart" 
   value="Start Quizz" onclick="decrementTimer();">
  <input type="button" name="btnReset" 
   value="Retry" onclick="resetTimer(60);">
</form>
</body>
</html>

Answer 1

您可以将问题和答案存储在多维数组中，如下所示

// [question number, answer, question]
var qanda =[ 
[1,15,"Add 11 + 4"],
[2,7,"Add 4 + 3"],
[3,7,"Subtract 9 - 2"]
];


function getQuestion(n){


document.getElementById("disp_question").innerHTML = qanda[n][2];

document.getElementById("intp_div").style.display = "block";

}

function checkAnswer(n){


if(document.getElementById("intp_answer").value != undefined){

if(document.getElementById("intp_answer").value == qanda[n][1]){

alert("correct")

    }else{
   alert("incorrect")
    }

}
}

您可以在重试按钮

下面添加此项

<div id="intp_div" style="display:none">
<h3 id="disp_question"></h3><input id="intp_answer" type="text" value=""><input type="button" value="Submit Answer" onclick="checkAnswer(2)" />
</div>`

这只是为了让你顺利开始注意：

onclick="checkAnswer(2)"“2”是您从q和数组

引用的问题

在javascript中使用计时器考试

1 个答案: