<span id="clockTime"></span>
<script>
// 獲取當前時間
//jQuery
function startTime() {
var clockTime = document.getElementById("clockTime");
var date = new Date();
var year = date.getFullYear(); //當前年份
var month = date.getMonth(); //當前月份
var data = date.getDate(); //天
var hours = date.getHours(); //小時
var minute = date.getMinutes(); //分
var second = date.getSeconds(); //秒
var time = year + "-" + checkTime((month + 1)) + "-" + checkTime(data) + " " + checkTime(hours) + ":" + checkTime(minute) + ":" + checkTime(second);
clockTime.innerHTML = time;
setTimeout('startTime()', 1000); //每一秒中重新加載startTime()方法
}
startTime();
//補位 當某個字段不是兩位數時補0
function checkTime(str) {
var num;
str > 10 ? num = str : num = "0" + str;
return num;
}
//js
function startTime() {
var today = new Date(); //定義日期對象
var yyyy = today.getFullYear(); //通過日期對象的getFullYear()方法返回年
var MM = today.getMonth() + 1; //通過日期對象的getMonth()方法返回年
var dd = today.getDate(); //通過日期對象的getDate()方法返回年
var hh = today.getHours(); //通過日期對象的getHours方法返回小時
var mm = today.getMinutes(); //通過日期對象的getMinutes方法返回分鍾
var ss = today.getSeconds(); //通過日期對象的getSeconds方法返回秒
// 如果分鍾或小時的值小於10,則在其值前加0,比如如果時間是下午3點20分9秒的話,則顯示15:20:09
MM = checkTime(MM);
dd = checkTime(dd);
mm = checkTime(mm);
ss = checkTime(ss);
var day; //用於保存星期(getDay()方法得到星期編號)
if (today.getDay() == 0) day = "星期日 "
if (today.getDay() == 1) day = "星期一 "
if (today.getDay() == 2) day = "星期二 "
if (today.getDay() == 3) day = "星期三 "
if (today.getDay() == 4) day = "星期四 "
if (today.getDay() == 5) day = "星期五 "
if (today.getDay() == 6) day = "星期六 "
document.getElementById('clockTime').innerHTML = yyyy + "-" + MM + "-" + dd + " " + hh + ":" + mm + ":" + ss + " " + day;
setTimeout('startTime()', 1000); //每一秒中重新加載startTime()方法
}
startTime();
function checkTime(i) {
if (i < 10) {
i = "0" + i;
}
return i;
}
</script>
參考網址:https://www.jianshu.com/p/2fcd8230b903