JS教程:线小测试程序

9.3  在线小测试程序

在本章中，我们将对“在线小测试”程序作两处修改。一是允许用户首先选择回答完问题所需要的时间，二是允许用户选择要回答多少个问题。

要把“在线小测试”程序转换为一个基于计时器的程序，只需修改两个页面，即QuizPage.htm页面和GlobalFunctions.htm页面。

首先，需要修改的是QuizPage.htm页面中小测试程序的开始表单，在新的程序中，将允许用户选择要回答多少个问题以及答题的时间限制。接下来，还要修改cmdStartQuiz_onclick()函数，使得当在cmdStartQuiz_onclick()函数中调用resetQuiz()函数时，能够传入两个参数，一个参数表示答题的时间限制，另一个参数表示用户选择回答问题的数量。其中，resetQuiz()函数是定义在GlobalFunctions.htm页面中的。

现在，我们讨论一下GlobalFunctions.htm页面本身，在GlobalFunctions.htm页面中，需要修改resetQuiz()函数，以便根据用户选择的时间限制启动一个计时器。另外，还需要创建两个新的函数，以便对计时进行显示和处理：一个函数将在浏览器窗口的状态栏中显示剩余的时间以便提示用户，另一个函数将处理当计时器到点时的情况。

首先，我们来修改QuizPage.htm页面，将QuizPage.htm页面在文本编辑器中打开。

在QuizPage.htm页面中，frmQuiz表单目前仅包含一个按钮，将该表单修改为如下所示的代码：

<form name="frmQuiz">

<p>

Number of Questions <br>

<select name="cboNoQuestions" size="1">

<option value="3">3

<option value="5">5

</select>

</p>

<p>

Time Limit <br>

<select name="cboTimeLimit" size="1">

<option value="-1">No Time Limit

<option value="60">1 Minute

<option value="180">3 Minutes

<option value="300">5 Minutes

</select>

</p>

<input name=cmdStartQuiz type=button value="Start Quiz"

onclick="return cmdStartQuiz_onclick()">

</form>

在该表单中，添加了两个新的<select>标记，以创建两个下拉列表框。第一个下拉列表框允许用户选择愿意回答多少个问题，第二个下拉列表框则允许用户设置回答问题的时限。

接下来，修改页面顶部的cmdStartQuiz_on

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!