引言
在一些项目中或是一些特殊的业务场景中，需要用到显示系统的当前时间，以及一些固定的时间倒计时，时间到后做一些什么事情的业务 。接下来咱们就具体看看代码是怎么实现的：
<%@ page language=”java” contentType=”text/html; charset=utf-8“
pageEncoding=”utf-8“%>
<!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“>
<!– <meta content=”6;URL=login2.jsp” http-equiv=”refresh” > 等待多少秒后自动跳转到另一页面 –>
<title>时间倒计时</title>
</head>
<script type=”text/javascript“>
var leftTime=600000; // 1000*1*10 十分钟)
//时间倒计时
function backTime){
var d,h,m,s;
ifleftTime>0){
d=Math.floorleftTime/1000/60/60/24); //天
h=Math.floorleftTime/1000/60/60%24); //时
m=checkTimeMath.floorleftTime/1000/60%60)); //分
s=checkTimeMath.floorleftTime/1000%60)); //秒
leftTime=leftTime-1000; //每次进来将总时间减去1秒
document.getElementById”backtime“).innerHTML=” “+h+”时 :”+m+”分 :”+s+”秒” ;
}else{
leftTime=600000;//时间到后,重置一个时间
}
setTimeoutbackTime,1000); //设置定时任务,1秒钟执行一次
}
//获取当前时间
function disptime){
var date=new Date);//获取当前时间包括日期)
var year=date.getFullYear);
var month=checkTimedate.getMonth)+1);
var day=checkTimedate.getDate));
var hh=checkTimedate.getHours));
var mm=checkTimedate.getMinutes));
var ss=checkTimedate.getSeconds));
document.getElementById”currentTime“).innerHTML=” “+year+”-“+month+”-“+day+” “+hh+”:”+mm+”:”+ss;
var myTimer=setTimeout”disptime)”,1000);
}
//在number小于10的数组前补0
function checkTimei){
ifi<10){
i=”0“+i;
}
return i;
}
window.onload=function){
disptime);//当前时间
backTime);//倒计时
}
</script>
<body>
<div style=”margin-top:8px;“>
当前时间：<font id=”currentTime” color=”green“></font> <br>
剩余时间： <font id=”backtime” color=”red” ></font>
</div>
</body>
</html>
显示效果：
