JavaScript电子时钟倒计时第二款

本文实例讲解了JavaScript电子时钟倒计时的详细代码，分享给大家供大家参考，具体内容如下

JavaScript时间类

1、获取时分秒：

getHours()

getMinutes();

getSeconds();

2、获取年月日：

getFullYear();

getMonth() + 1;//获取的月份需要+1；

getDate(); //日期

getDay(); //获取的是星期，0--》星期天

效果图：

具体代码：

<!doctype html>

<html>

<meta charset="utf-8">

<title>倒计时</title>

<head>

<style type="text/css">

*{

margin: 0;

padding: 0;

}

.wrap{

width: 350px;

height: 100px;

background-color: black;

}

#dates{

color: #fff;

margin-top: 10px;

display: block;

margin-left: 15px;

}

p{

color: #fff;

}

</style>

</head>

<body>

<div class="wrap">

<p>距离2016年02月08号00时00分00秒春节倒计时：</p>

<!-- <p>距离2016年01月07号23时59分59秒倒计时：</p> -->

<span id="dates"></span>

</div>

<script type="text/javascript">

var dates = document.getElementById("dates");

function getRTime(){

var EndTime= new Date('2016/02/07 23:59:59'); //截止时间

var NowTime = new Date();

var t =EndTime.getTime() - NowTime.getTime();

var d=Math.floor(t/1000/60/60/24);

var h=Math.floor(t/1000/60/60%24);

var m=Math.floor(t/1000/60%60);

var s=Math.floor(t/1000%60);

var p=Math.floor(t%60);

if(d<10){

d="0"+d;

}

if(h<10){

h="0"+h;

}

if(m<10){

m="0"+m;

}

if(s<10){

s="0"+s;

}

if(p<10){

p="0"+p;

}

dates.innerHTML=d+ "日" + h + "小时"+ m +"分" + s +"秒"+p+"毫秒";

}

setInterval(getRTime,1);

</script>

</body>

</html>

以上就是本文的详细内容，希望对大家的学习javascript程序设计有所帮助。