显示当前时间的程序案例

fengjiao__66666

已于 2022-04-07 15:40:38 修改

阅读量134

点赞数

分类专栏： JavaScript作业

于 2022-04-03 16:25:59 首次发布

本文链接：https://blog.csdn.net/fengjiao__66666/article/details/123939603

版权

JavaScript DOM操作日期对象事件监听 HTML

关键词由CSDN通过智能技术生成

JavaScript作业专栏收录该内容

11 篇文章 1 订阅

订阅专栏

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