Java 獲取當前時間及實現時間倒計時功能

時間 2019-12-05

標籤 java 獲取當前時間實現倒計時功能欄目 Java 简体版

原文原文鏈接

引言javascript

在一些項目中或是一些特殊的業務場景中，須要用到顯示系統的當前時間，以及一些固定的時間倒計時，時間到後作一些什麼事情的業務。接下來我們就具體看看代碼是怎麼實現的：html

<%@ 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">

<title>時間倒計時</title>
</head>java

<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;
}jsp

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>ui

顯示效果：spa

相關文章

相關標籤/搜索

紅包項目實戰

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公眾號

歡迎關注本站公眾號,獲取更多信息

相關文章

>>更多相關文章<<