软件编程
位置:首页>> 软件编程>> java编程>> Java 获取当前时间及实现时间倒计时功能【推荐】

Java 获取当前时间及实现时间倒计时功能【推荐】

作者:zsq_fengchen  发布时间:2022-08-21 16:08:27 

标签:java,当前时间,时间,倒计时

引言

      在一些项目中或是一些特殊的业务场景中,需要用到显示系统的当前时间,以及一些固定的时间倒计时,时间到后做一些什么事情的业务 。接下来咱们就具体看看代码是怎么实现的:


<%@ 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> &nbsp;&nbsp;&nbsp;&nbsp; <br>
剩余时间: <font id="backtime" color="red" ></font>
</div>
</body>
</html>

显示效果:

Java 获取当前时间及实现时间倒计时功能【推荐】

总结

以上所述是小编给大家介绍的Java 获取当前时间及实现时间倒计时功能网站的支持!

来源:https://www.cnblogs.com/zhaosq/archive/2019/05/27/10918757.html

0
投稿

猜你喜欢

手机版 软件编程 asp之家 www.aspxhome.com