我是JavaScript和HTML的新手,但我慢慢获取HTML,但JavaScript正在努力工作。当我点击开始测验按钮时,我遇到了让我有计数器开始的问题。当我单击“提交答案”按钮时,我也遇到了出现警告框的问题。我不想找人给我答案,但一些指导将有所帮助。Javascript帮助 - 定时器(不计数)和警报框(不显示)
<head>
<meta charset="UTF-8" />
<title>Trivia Quiz: Movies</title>
<script src="modernizr-1.5.js" type="text/javascript" ></script>
<link href="quiz.css" rel="stylesheet" type="text/css" />
<script src="functions.js" type="text/javascript" ></script>
<script type="text/javascript">
var seconds = "0";
var clockID;
</script>
<script type="text/javascript">
function runClock() {
seconds++;
document.getElementByID('quizclock')value=seconds;
}
</script>
<script type="text/javascript">
function startClock() {
showQuiz();
clockId=setInterval ("runClock()", 1000);
}
</script>
<script type="text/javascript">
function stopClock() {
clearInterval (clockId);
correctAns = gradeQuiz();
window.alert("You have" + correctAns + "correct of 5 in" + timer + "seconds");
}
</script>
</head>
<body onload="resetQuiz()">
<form id="quiz" name="quiz" action="">
<header>
<img src="tlogo.png" alt="Online Trivia" />
<nav class="horizontal">
<ul>
<li><a href="#">Top Scores</a></li>
<li><a href="#">Submit a Quiz</a></li>
<li><a href="#">Quiz Bowl</a></li>
<li><a href="#">Your Account</a></li>
</ul>
</nav>
</header>
<nav class="vertical">
<h1>Categories</h1>
<ul>
<li><a href="#">Arts</a></li>
<li><a href="#">Books</a></li>
<li><a href="#">Culture</a></li>
<li><a href="#">Geography</a></li>
<li><a href="#">History</a></li>
<li><a href="#">Movies</a></li>
<li><a href="#">Music</a></li>
<li><a href="#">People</a></li>
<li><a href="#">Random</a></li>
<li><a href="#">Science</a></li>
<li><a href="#">Sports</a></li>
<li><a href="#">Television</a></li>
</ul>
</nav>
<section id="main">
<h1>Movie Trivia</h1>
<p>
All of our trivia quizzes are scored on the number of correct
answers and the time required to submit those answers.
</p>
<p>
To start the quiz, click the <b>Start Quiz</b> button below,
which will reveal the first page of quiz questions and start
the timer. When you have completed the questions, click
the <b>Submit Answers</b> button on the quiz form.
</p>
<aside>
<input name="quizclock" id="quizclock" value="0" />
<input id="start" type="button" value="Start Quiz" onclick="startClock()" />
<input id="stop" type="button" value="Submit Answers" onclick="stopClock()"/>
</aside>
</section>
</form>
</body>
提供的代码是部分代码,我相信这是问题所需的代码的唯一部分。谢谢。根据要求
复位功能:
function resetQuiz() {
document.quiz.quizclock.value = 0;
for (i=0; i<document.quiz.elements.length; i++) document.quiz.elements[i].disabled=false;
document.quiz.stop.disabled = true;
}
为什么'seconds'一个字符串?无论如何,只要将值设为'0'即可。此外,这行'document.getElementByID('quizclock')value = seconds;'应该是'document.getElementById('quizclock')。value = seconds;'。请务必检查您的控制台是否有任何错误。另外,你能否在你的问题中提供你的'resetQuiz'函数? – Dom
我已经添加了resetQuiz()函数。 – Ph1shPhryd