在线考试系统无刷新倒计时设计方案

来源:未知 责任编辑:责任编辑 发表时间:2014-02-18 03:25 点击:

在考试系统中难免会有倒计时提示,我们第一想到的是用js的settimeout
但是发现一个问题如果页面刷新则重新倒计时,以下是我的解决方案:
1.用settimeout每隔一秒触发一次
2.用cookies在cookies中读取剩余时间
以下是实现代码:
js部分:
 1 <script language="javascript" type = "text/javascript">
 2         function GetCookieByName(name) {
 3             //获取cookie字符串
 4             var strCookie = document.cookie;
 5             //将多cookie切割为多个名/值对
 6             var arrCookie = strCookie.split("; ");
 7             var userId;
 8             //遍历cookie数组,处理每个cookie对
 9             for (var i = 0; i < arrCookie.length; i++) {
10                 var arr = arrCookie[i].split("=");
11                 //找到名称为name的cookie,并返回它的值
12                 if (name == arr[0]) {
13                     userId = arr[1];
14                     break;
15                 }
16             }
17             return userId;
18         }
19         function Change(m, s) {
20             s = s - 1;
21             if (s < 0) {
22                 s = 60 + s;
23                 m = m - 1;
24             }
25             if (m == 10 && s == 0) {
26                 alert("离答题结束还有10分钟,请尽快完成题目!");

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • 浅析.NET下XML数据访问新机制
  • asp.net 面试+笔试题目第1/2页
  • C# 邮件地址是否合法的验证
  • asp.net 设置GridView的选中行的实现代码
  • C#高级编程:数据库连接[1]
  • 经典C++程序1
  • IIS 自动回收导致后台定时器失效的问题解决
  • ASP.NET&#160;GridView列表代码示例
  • Asp.net MVC源码分析--Action Filter的链式调用
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1