任务2-7　实现在线考试倒计时

【任务描述】

网络在线考试时，在网页中的合适位置显示一个如图2-2所示的倒计时牌，以让考生及时掌握考试剩余的时间。

图2-2　在线考试倒计时牌

【思路探析】

（1）使用setInterval()方法每隔1秒（1000毫秒）调用一次函数，显示一次当前的时间。

（2）对于小于10的时、分、秒，前面加“0”表示。

【特效实现】

实现在线考试倒计时的JavaScript代码如表2-22所示。

表2-22　实现在线考试倒计时的JavaScript代码

表2-22中的代码解释如下。

（1）06行使用除运算符“/”和Math对象的floor()方法获取小时数。

（2）07行使用Math对象的floor()方法和求余数运算符“%”获取分数。

（3）08行使用求余数运算符“%”和Math对象的floor()方法获取秒数。

（4）对于小于10的时、分、秒，09~16行代码在其前面加“0”表示。（5）17~20行设置时、分、秒及相关字符的字符串。

（6）在网页指定位置显示时间。

（7）22行使用递减运算符“--”重新给变量limit_seconds赋值。

（8）25行使用setInterval()方法每隔1秒调用一次函数deal_limit_time()。