1.獲取當前時間格式如下: 2020年04月08日 22:10:40 星期三
<script>
function getData() {
var arr = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"]
var d = new Date();
var date = d.getFullYear() + '年' + toTwo(d.getMonth() + 1) + '月' + d.getDate() + '日 ' + d.getHours() + ':' + d.getMinutes() + ":";
date += d.getSeconds() + ' ' + arr[d.getDay()]
return date;
}
//判斷時間是否大於10 不大於前面加O
function toTwo(v) {
return v < 10 ? '0' + v : v;
}
</script>
2.倒計時功能
<body>
<h1>
距離<span id='time'></span>
還有<span id="days"></span>
天 <span id="hours"></span>
時 <span id="minutes"></span>
分 <span id="seconds"></span>
秒
</h1>
<script>
var t = document.getElementById('time');
var d = document.getElementById("days");
var h = document.getElementById("hours");
var m = document.getElementById("minutes");
var s = document.getElementById("seconds");
function countdown(time) {
var startTime = new Date();
var endTime = new Date(time);
var diff = startTime.getTime() - endTime.getTime();
diff = parseInt(diff / 1000);
var days = parseInt(diff / (24 * 3600));//計算天
var hours = parseInt(diff % (24 * 3600) / 3600);//計算時
var minutes = parseInt(diff % 3600 / 60);//計算分
var seconds = diff % 60;//計算秒
console.log(hours)
t.innerHTML = time;
d.innerHTML = days;
h.innerHTML = hours;
m.innerHTML = minutes;
s.innerHTML = seconds;
}
var timer = setInterval(function () {
countdown('2020/4/9');
//關閉定時器
// clearInterval(timer)
}, 1000)
</script>
</body>