JavaScript電子時鐘倒數第二款_javascript技巧
- WBOY原創
- 2016-05-16 15:20:391365瀏覽
本文實例講解了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程式設計有所幫助。
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn