点击鼠标显示当前时间
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
div {
width:300px;
height: 20px;
background-color: aqua;
line-height: 20px;
text-align: center;
}
</style>
</head>
<body>
<button id="btn">显示系统当前的时间</button>
<br/>
<div id="app">
当前时间
</div>
<script>
var btn = document.querySelector('button');
var d = document.querySelector('div');
btn.onclick = function () {
d.innerText = getDate();
}
function getDate() {
var a = new Date();
var year = a.getFullYear();
var month = a.getMonth()+1;
var dates = a.getDate();
var arr=['星期一','星期二','星期三','星期四','星期五','星期六','星期日'];
var count=a.getDay();
return '今天是:'+year+'年'+month+'月'+dates+'日'+arr[count];
}
</script>
</body>
</html>