今天这个倒计时小插件是平时做程序时用到的,顺便抽取过来
<%@ 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">
<!--ks_top-->
<div class="ks_top">
<p>
考试
<span id='time' style="color: red; padding-left: 600px"></span>
<div id="div"></div>
</p>
</div>
</body>
</html>