显示当前的程序案例-CFANZ编程社区

显示当前的程序案例

年夜雪 2022-04-03 阅读 23

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
     <style>
        div,
        p{
            width:300px;
            height:100px;
            line-height:30px;
            color:#fff;
            background-color: skyblue;
            text-align: center;
        }
    </style>
   
</head>
<body>
  
    <button>显示当前系统时间</button>
   
    <div>某个时间</div>
     <!-- <p>1024</p>  -->

    <script>
        var btn=document.querySelector('button');
        var div=document.querySelector('div');
        
        btn.onclick=function(){
            div.innerHtml=getDate();
       }
       function getDate(){
           var date=new Date();
           var year =date.getFullYear();
           var month=date.getMonth()+1;
           var day=date.getDate();
           var arr=['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];
           var weekday=date.getDay();
           return '今天是:'+year+'年'+month+'月'+day+'日'+arr[weekday];
       }
      
    //    var p=document.querySelector('p');
    //    p.innerHTML=getDate();
    </script>
</body>
</html>

0 条评论