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 获取当前时间及实现时间倒计时功能【推荐】 的全部内容, 来源链接: utcz.com/z/360414.html

回到顶部