引言
在一些项目中或是一些特殊的业务场景中,需要用到显示系统的当前时间,以及一些固定的时间倒计时,时间到后做一些什么事情的业务 。接下来咱们就具体看看代码是怎么实现的:
<%@ 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;
if(leftTime>0){
d=Math.floor(leftTime/1000/60/60/24); //天
h=Math.floor(leftTime/1000/60/60%24); //时
m=checkTime(Math.floor(leftTime/1000/60%60)); //分
s=checkTime(Math.floor(leftTime/1000%60)); //秒
leftTime=leftTime-1000; //每次进来将总时间减去1秒
document.getElementById(“backtime“).innerHTML=” “+h+”时 :”+m+”分 :”+s+”秒” ;
}else{
leftTime=600000;//时间到后,重置一个时间
}
setTimeout(backTime,1000); //设置定时任务,1秒钟执行一次
}
//获取当前时间
function disptime(){
var date=new Date();//获取当前时间(包括日期)
var year=date.getFullYear();
var month=checkTime(date.getMonth()+1);
var day=checkTime(date.getDate());
var hh=checkTime(date.getHours());
var mm=checkTime(date.getMinutes());
var ss=checkTime(date.getSeconds());
document.getElementById(“currentTime“).innerHTML=” “+year+”-“+month+”-“+day+” “+hh+”:”+mm+”:”+ss;
var myTimer=setTimeout(“disptime()”,1000);
}
//在number小于10的数组前补0
function checkTime(i){
if(i<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>
显示效果: