<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<style>
div{
background-color: #55585a;
color:#ffffff;
width:250px;
text-align:center;
padding-top:20px;
height:40px
}
p{
background-color: #55585a;
color:#ffffff;
width:250px;
text-align:center;
padding-top:20px;
height:40px
}
</style>
<body>
<button>显示今天的时间</button>
<div>某个时间</div>
<p>1024</p>
<script>
var btn=document.querySelector('button');
var div=document.querySelector('div');
btn.οnclick=function(){
div.innerHTML=getDate();
}
function getDate(){
var date=new Date();
var year=date.getFullYear();
var month=date.getMonth()+1;
var dates=date.getDate();
var arr=['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];
var day=date.getDay();
return '今天是'+year+'年'+month+'月'+dates+'日'+arr[day];
}
var p=document.querySelector('p');
p.innerHTML=getDate();
</script>
</body>
</html>
显示系统时间
最新推荐文章于 2024-03-25 22:03:05 发布