溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

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

發(fā)布時間:2020-09-07 13:49:52 來源:腳本之家 閱讀:264 作者:zsq_fengchen 欄目:編程語言

引言

      在一些項目中或是一些特殊的業(yè)務(wù)場景中,需要用到顯示系統(tǒng)的當前時間,以及一些固定的時間倒計時,時間到后做一些什么事情的業(yè)務(wù) 。接下來咱們就具體看看代碼是怎么實現(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" > 等待多少秒后自動跳轉(zhuǎn)到另一頁面 -->
<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); //設(shè)置定時任務(wù),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 >
      當前時間:<font id="currentTime" color="green"></font> &nbsp;&nbsp;&nbsp;&nbsp; <br> 
      剩余時間: <font id="backtime" color="red" ></font>
    </div> 
</body>
</html>

顯示效果:

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

總結(jié)

以上所述是小編給大家介紹的Java 獲取當前時間及實現(xiàn)時間倒計時功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對億速云網(wǎng)站的支持!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI