JS实现倒计时操作

一，准备两个页面

1、_examIndex.jsp

<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://shiro.apache.org/tags" prefix="shiro" %>


    


     
XXX考试信息
     　　　
     

         

             
1703级JAVA基础考试
             
进入考试
         
         

             
1703级Unity3D考试
             
进入考试
         

             
1703级JAVA就业考试
             
进入考试
         
         

             
1708级JAVAWEB基础考试
             
进入考试
         
         

             
Python考试
             
进入考试
         
         

             
大数据考试
             
进入考试
         
         

             
UI终极考试
             
进入考试
         

2._exam.jsp

<%@ page language="java" pageEncoding="UTF-8" import="java.util.concurrent.*" %>


    
    
    
    


	

      

                 剩余时间 ${sessionScope.temp }
      
      


　　　

　　　

        
题号：１题目ＸＸＸ
    　　
选项１
    　　
选项２
    　　
选项３
    　　
选项４
        
题号：２题目ＸＸＸ
  　　  
选项１
    　　
选项２
    　　
选项３
    　　
选项４
        
题号：３题目ＸＸＸ
    　　
选项１
    　　
选项２
    　　
选项３
    　　
选项４
        
题号：４题目ＸＸＸ
    　　
选项１
    　　
选项２
    　　
选项３
    　　
选项４
        
题号：５题目ＸＸＸ
    　　
选项１
    　　
选项２
    　　
选项３
    　　
选项４
　
      
	

3.编写后台代码(ExamController.java)

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpSession;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

@Controller
@RequestMapping("/sysadmin/exam")
public class ExamController {

@RequestMapping("/examIndex")
public String examIndex(){

return "/sysadmin/exam/examIndex";
}
@RequestMapping("/_exam")
public String exam(HttpSession session){
session.setAttribute("temp", "00:00:10");
return "/sysadmin/exam/_exam";
}
@ResponseBody
@RequestMapping("/AjaxCheck")
public String _exam(HttpServletRequest request) throws Exception{

System.out.println(request.getParameter("time"));
String[] times = request.getParameter("time").split(":");
Integer time = Integer.parseInt(times[0]) * 3600 +Integer.parseInt(times[1]) * 60 + Integer.parseInt(times[2]);
time--;
System.out.println(time);
return time+"";
}

}

4.效果如下图：

   (1)

          

    (2)

         

    (3)

        

总结：

    本次只是简单的实现了倒计时的功能，页面并没有太多的装饰，简单大气（哈哈），在后期的需求中，可以将考试时间一到就自动提交，实现起来还是挺简单的。在这里就不写了。希望可以帮助到一些人！！！