js 倒計時功能,獲取當前時間的年月日,時分秒
阿新 • • 發佈:2018-12-29
一、實現當前時間到指定截止時間的倒計時功能
<html>
<head>
<title>TEST</title>
</head>
<body>
<script>
//獲取當前時間距離截止時間的倒計時
//引數為截止時間
var leftTimer = function(year, month, day, hour, minute, second){
var leftTime = (new Date(year, month-1, day, hour, minute, second)) - (new Date());//計算剩餘毫秒數
var days = parseInt(leftTime / 1000 / 60 / 60 / 24, 10);//計算剩餘天數
var hours = parseInt(leftTime / 1000 / 60 / 60 % 24, 10);//計算剩餘小時數
var minutes = parseInt(leftTime / 1000 / 60 % 60, 10);//計算剩分鐘數
var seconds = parseInt(leftTime / 1000 % 60, 10);//計算剩餘秒數
days = checkTime(days).toString();
hours = checkTime(hours).toString();
minutes = checkTime(minutes).toString();
seconds = checkTime(seconds).toString();
return days + ' : ' + hours + ' : ' + minutes + ' : ' + seconds
}
var checkTime = function(i){
if(i < 10){
i = "0" + i;
}
return i;
}
setInterval(function() {
document.getElementById('testId').innerHTML = leftTimer(2018, 12, 31, 11, 0, 0)
}, 1000)
</script>
<div id="testId"> </div>
</body>
</html>
二、獲取當前的年月日時分秒
var currTime = new Date(); //獲取當前時間的毫秒數
var year = currTime.getFullYear(); //獲取當前時間的年份
var month = currTime.getMonth() + 1; //獲取當前時間的月份,月份從0開始,所以需要加一
var day = currTime.getDate(); //獲取當前時間的日期,getDay()可以獲取星期幾
var hour = currTime.getHours(); //獲取當前時間的小時數
var minute = currTime.getMinutes(); //獲取當前時間的分鐘數
var second = currTime.getSeconds(); //獲取當前時間的秒數
三、毫秒數轉成年月日時分秒
//毫秒數轉換成時間
var getCurrentTime = function(milliseconds){
var myDate = new Date(milliseconds);
var year = myDate.getFullYear();
var month = myDate.getMonth() + 1;
var day = myDate.getDate()
var hour = myDate.getHours();
var minute = myDate.getMinutes();
var second = myDate.getSeconds();
month = checkTime(month).toString();
day = checkTime(day).toString();
hour = checkTime(hour).toString();
minute = checkTime(minute).toString();
second = checkTime(second).toString();
return year+"-"+month+"-"+day+" "+hour+":"+minute+":"+second;
}
// 只有一位數字時新增“0”
var checkTime = function(i){
if(i < 10){
i = "0" + i;
}
return i;
}