<button>点击显示系统时间</button>
<div></div>
<p></p>
<script>
var btn = document.querySelector('button'),
div = document.querySelector('div'),
p = document.querySelector('p');
btn.onclick = function() {
div.innerText = '2021-4-12';
}
p.innerText = getDate();
function getDate() {
var date = new Date();
var year = date.getFullYear(), //获取时间,年
month = date.getMonth() + 1, //获取时间 月 月是0-11,正常显示月份要+1
dares = date.getDate(), //获取时间 日
day = date.getDay(), //判断今天是礼拜几 0-6 0是星期日
hours = date.getHours(), //获取 小时
minutes = date.getMinutes(), //获取 分钟
seconds = date.getSeconds(), //获取 秒钟
arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
hours = hours < 10 ? '0' + hours : hours; //三元表达式,如果小时小于10的话 前面加0 如05点
minutes = minutes < 10 ? '0' + minutes : minutes; //分钟三元
seconds = seconds < 10 ? '0' + seconds : seconds; //秒钟三元
return '今天是:' + year + '年' + month + '月' + dares + '日 ' + arr[day] + ' ' + hours + ':' + minutes + ':' + seconds;
}