自制倒数计时器

网络通信

姚恺丰 · 2004年10月11日

　　当你在网上进行某种考试或测验时，是否经常发现会有提示“离考试结束还剩多少时间”字样的倒数计时器？它既保证了考试时间的精确性，也方便了考生把握好做题时间的尺度。这样的一个计时器究竟是如何做出来的呢，做起来会不会很复杂呢？先别急，看了下面关于计时器的源代码，你自然会明白。

　　离考试结束还剩＜span id=”exam”＞＜/span＞分钟

　　＜script language=”Javascript”＞

　　var time=60; //本例设定考试时间为1小时(60分钟)

　　function countDown(secs){

　　exam.innerHtml=secs;

　　if(--secs＞=0)

　　setTimeout(“countDown(”+secs+“)”,60000); //本例以每分钟倒数跳动一次，如果想以每秒跳动一次，改成1000即可

　　else

　　alert(“考试时间到！”);

　　//根据实际需要，可以改成考试表单的提交

　　}

　　countDown(time);

　　＜/script＞

　　很吃惊吧，寥寥几句JS代码就做成了一个倒数计时器，说到底其实只是个函数循环问题，快开动你的脑筋吧，一些看似复杂的问题其实并不难解决。