在线考试的剩余时间显示问题（JavaScript）

最新推荐文章于 2023-04-06 16:14:01 发布

懒得搭理你

最新推荐文章于 2023-04-06 16:14:01 发布

阅读量1.9k

点赞数 1

分类专栏： javaScript 文章标签： javascript cookies date function null input

本文链接：https://blog.csdn.net/chengqun520/article/details/6556344

版权

本文介绍了一个网上考试系统中显示考试剩余时间的解决方案。通过JavaScript和Cookie技术，即使考生刷新页面，也能准确显示剩余时间。作者提供了一段包含注释的源代码，该代码首先获取当前时间并设定结束时间，然后不断更新剩余时间，每秒刷新一次，确保时间显示准确。

摘要由CSDN通过智能技术生成

最近在做一个网上考试系统，刚开始就遇到一个问题：如何显示考试的剩余时间？如果考生不刷新页面那是相当的简单，只要一个js函数就能搞定。关键考生随时可能刷新。我是采用cookie解决这个问题的，希望给遇到同样问题的同学一个帮助。不说了，直接贴源代码：

<html> <head> <title>网页上在线考试时间</title> <meta http-equiv="content-Type" content="text/html;charset=gb2312"> <mce:script language="JavaScript"><!-- var timerID = null; function startclock(){ //获取当前的时间 var now = new Date(); //得到应该提交试卷的时间，并且把他写入cookie之中 var date1 = new Date(now.getYear(), now.getMonth(), now.getDate(), now.getHours()+2, now.getMinutes(), now.getSeconds(),now.getMilliseconds()); SetCookie('submitPaperTime',date1); //取得cookie之中的时间 var date2=getCookie('submitPaperTime'); now1 = new Date(date2); //得到用户刷新时的时间 var now2 = new Date(); timeLeft = (now1.getHours()-now2.getHours())*60+n