显示当前系统时间

最新推荐文章于 2023-09-08 19:53:21 发布

zrzzzzzzzzzzzz

最新推荐文章于 2023-09-08 19:53:21 发布

阅读量111

点赞数

文章标签： java

本文链接：https://blog.csdn.net/zrzzzzzzzzzzzz/article/details/123978907

版权

<!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>

zrzzzzzzzzzzzz

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
显示当前系统时间

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title></head><style>div{background-color:#55585a;color:#ffffff;width:250px;text...
复制链接

扫一扫