您的位置：首页 > 编程语言 > Java开发

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

2019-05-27 18:02 1856 查看

引言

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

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

显示效果：

总结

以上所述是小编给大家介绍的Java 获取当前时间及实现时间倒计时功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航