信鸽网

JavaScript电子时钟倒计时第二款

  作者：bea

本文实例讲解了JavaScript电子时钟倒计时的详细代码，分享给大家供大家参考，具体内容如下 JavaScript时间类 1、获取时分秒： getHours() getMinutes(); getSeconds(); 2、获取年月日： getFullYear(); getMonth() + 1;//获取的月份需要+1； getDate(); //日期 getDay(); //获取的是星期，0--》星期天 效果图： 具体代码： <!doctype html>
本文实例讲解了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程序设计有所帮助。


有用  |  无用

猜你喜欢

您可能感兴趣的文章: