js考试倒计时计算

深碍√TFBOYSˉ_ 2022-05-28 07:06 152阅读 0赞

今天这个倒计时小插件是平时做程序时用到的，顺便抽取过来

![20180331190214169][]

<%@ page language="java" contentType="text/html; charset=utf-8"
    	pageEncoding="utf-8"%>
    <%@ page isELIgnored="false"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <title>Insert title here</title>
    <link href="/Exam/style/style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="/Exam/js/jquery-1.11.1.js"></script>
    <script type="text/javascript">
    	   
    	    </script>
    </head>
     <script>
         var countdown = function ()
        {
            var reg = /^\d{2}$/;
            var ending = new Date ("2018/3/31 21:00");
            var now = new Date;
            if (now >= ending)
            {
                clearTimeout(this.timeout);
                div.innerHTML = "时间已到";
                return;
            }
            var disc = ending - now;
            var hour = parseInt (disc / 1000 / 60 / 60 % 24);
            hour = !reg.test(hour) ? "0" + hour : hour;
            var minute = parseInt (disc / 1000 / 60 % 60);
            minute = !reg.test(minute) ? "0" + minute : minute;
            var second = parseInt (disc / 1000 % 60);
            second = !reg.test(second) ? "0" + second : second;
            div.innerHTML = "距离交卷还有<br / >"+ hour + "小时"   + minute + "分" + second + "秒";
            this.timeout = setTimeout (countdown, 1000);
        }
         
        onload = countdown;
      </script>
    <body style="overflow: scroll; overflow-y: hidden">
    	
    			
    			
    				
    				<div class="ks_top">
    					<p>
    						考试
    						<span id='time' style="color: red; padding-left: 600px"></span>
    				  <div id="div"></div>
    					</p>
    
    				</div>
    
    
    				
    	</body>
    </html>

[20180331190214169]: /images/20220528/e7943e1c5a4a41b2a8d8ec1180a419ba.png