<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
#wrap {
position: absolute;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -50px;
width: 100px;
height: 100px;
}
#inner {
display: flex;
width: 100%;
height: 100%;
align-items: center;
background: pink;
border-radius: 50%;
text-align: center;
}
</style>
</head>
<body>
<div id="wrap">
<div id="inner"></div>
</div>
<script>
var circle=document.getElementById('inner')
var date=new Date()
var year=date.getFullYear(); //获取当前年份
var mon=date.getMonth()+1; //获取当前月份
var da=date.getDate(); //获取当前日
var day=date.getDay(); //获取当前星期几
var h=date.getHours(); //获取小时
var m=date.getMinutes(); //获取分钟
var s=date.getSeconds(); //获取秒
circle.innerHTML=year+'-'+mon+'-'+da+'\n'+h+':'+m+':'+s
//circle.innerHTML=date
</script>
</body>
</html>
页面如下:
