zoukankan      html  css  js  c++  java
  • javascript 模拟日历

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>Document</title>
     6     <style>
     7         div {
     8             width: 800px;
     9             margin: 200px auto;
    10             color: orange;
    11             text-align: center;
    12             font: 600 30px/30px "simSun";
    13         }
    14     </style>
    15 </head>
    16 <body>
    17     <div></div>
    18 
    19     <script>
    20         //模拟日历需求:每天打开页面都能定时显示年月日和星期几
    21         //步骤:创建一个当前日期的日期对象,获取其中的年月日和星期,赋值给div
    22 
    23         //1.创建一个当前日期的日期对象
    24         var date = new Date();
    25         //2.获取其中的年月日和星期
    26         var year = date.getFullYear();
    27         var month = date.getMonth();
    28         var day = date.getDate();
    29         var week = date.getDay();
    30         // console.log(year+" "+month+" "+day+" "+week);
    31         //3.赋值给div
    32         var arr =["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
    33         var div = document.getElementsByTagName("div")[0];
    34         div.innerText = "今天是:"+year+""+(month+1)+""+day+""+arr[week];
    35     </script>
    36 </body>
    37 </html>
    你必须穷尽一生磨练技能,这就是成功的秘诀,也是让人家敬重的关键。
  • 相关阅读:
    【洛谷P6835】线形生物
    【洛谷P2679】子串
    【洛谷P5072】盼君勿忘
    【洛谷P3312】数表
    【洛谷P1447】能量采集
    【洛谷P2257】YY的GCD
    【洛谷P4318】完全平方数
    【AT2300】Snuke Line
    window.showModalDialog
    js typeof
  • 原文地址:https://www.cnblogs.com/knuzy/p/8836206.html
Copyright © 2011-2022 走看看