Java 獲取當前時間及實現(xiàn)時間倒計時功能【推薦】

更新時間：2019年05月27日 14:56:48 作者：zsq_fengchen

這篇文章主要介紹了Java 獲取當前時間及實現(xiàn)時間倒計時功能，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下

引言

在一些項目中或是一些特殊的業(yè)務場景中，需要用到顯示系統(tǒng)的當前時間，以及一些固定的時間倒計時，時間到后做一些什么事情的業(yè)務。接下來咱們就具體看看代碼是怎么實現(xiàn)的：

<%@ 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秒鐘執(zhí)行一次
 } 
　　//獲取當前時間
 　　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的數(shù)組前補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> &nbsp;&nbsp;&nbsp;&nbsp; <br> 
　　　　　　剩余時間： <font id="backtime" color="red" ></font>
　　　　</div> 
</body>
</html>

顯示效果：