效果格式：2019 年 04 月 13 日 星期六 13 : 24 : 49
上面的类名有多余的 因为这是之前项目中的 方便以后使用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>time</title>
</head>
<body>
<div class="right-currentTime-logOut">
<span class="year fontDigi"></span>
<span class="separator">年</span>
<span class="month fontDigi"></span>
<span class="separator ">月</span>
<span class="day fontDigi"></span>
<span class="separator ">日</span>
<span class="currentDay-week"></span>
<span class="hour fontDigi"></span>
<span class="separator">:</span>
<span class="minute fontDigi"></span>
<span class="separator">:</span>
<span class="second fontDigi"></span>
</div>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function () {
var _years = document.querySelector('.year');
var _months = document.querySelector('.month');
var _days = document.querySelector('.day');
var _week = document.querySelector('.currentDay-week');
var _hours = document.querySelector('.hour');
var _minutes = document.querySelector('.minute');
var _seconds = document.querySelector('.second');
function setText(){
var date = new Date();
var years = date.getFullYear(),
months =date.getMonth() + 1,
days = date.getDate();
weeks = date.getDay();
var hours = date.getHours(),
minutes = date.getMinutes();
seconds = date.getSeconds();
_years.innerHTML = years;
if(months < 10){
_months.innerHTML =String(0) + String(months);
}else{
_months.innerHTML = months;
};
if(days < 10){
_days.innerHTML =String(0) + String(days);
}else{
_days.innerHTML = days;
};
if(weeks == 1){
_week.innerHTML = '星期一';
}else if(weeks == 2){
_week.innerHTML = '星期二';
}else if(weeks == 3){
_week.innerHTML = '星期三';
}else if(weeks == 4){
_week.innerHTML = '星期四';
}else if(weeks == 5){
_week.innerHTML = '星期五';
}else if(weeks == 6){
_week.innerHTML = '星期六';
}else{
_week.innerHTML = '星期日';
};
if(hours < 10){
_hours.innerHTML =String(0) + String(hours);
}else{
_hours.innerHTML = hours;
};
if(minutes < 10){
_minutes.innerHTML =String(0) + String(minutes);
}else{
_minutes.innerHTML = minutes;
};
if(seconds < 10){
_seconds.innerHTML =String(0) + String(seconds);
}else{
_seconds.innerHTML = seconds;
};
}
setText();
//定时器
setInterval(function () {
setText();
}, 1000);
});
</script>
</body>
</html>