zoukankan      html  css  js  c++  java
  • jsDate()对象,get/setFullYear(),getDay()编程练习

    啥也不说!看代码

      主要注意:getday()方法中原理!!!

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>Date对象的使用</title>
     6     <style>
     7         #get_fullyear{
     8             height: 200px;
     9             background-color: pink;
    10         }
    11     </style>
    12     <script>
    13         // 返回年份  getFullYear() 将获取到的值写入div 
    14         function getfullyear(){
    15             var mydate = new Date();
    16             var myfullyear = mydate.getFullYear()
    17             document.getElementById("get_fullyear").innerHTML=myfullyear;
    18         }
    19         //设置年份  setFullYear() 将修改后的值写入div
    20         function setfullyear() {
    21             // 获取文本框(#txt)中的值   
    22         var mytxtfullyear = parseInt(document.getElementById("txt").value);
    23             // 获取对象Date
    24         var mydate = new Date();
    25             // 将获取到的值写入
    26         mydate.setFullYear(mytxtfullyear);
    27         var mysetfullyear = mydate.getFullYear();
    28         document.getElementById("get_fullyear").innerHTML = mysetfullyear;
    29         }
    30         function getday(){
    31             var mydate = new Date();
    32             var myarrday = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
    33             var mygetday = myarrday[mydate.getDay()];
    34             document.getElementById("get_fullyear").innerHTML=mygetday;
    35         }
    36     </script>
    37 </head>
    38 <body>
    39     <div id="get_fullyear">
    40     </div>
    41         <input type="button" value="点击获取年份!" onclick="getfullyear()"><br />
    42         <input type="text" id="txt">
    43         <!-- 将text的value默认值设置为当前年份 -->
    44         <script>
    45             var mydate = new Date();
    46             var myfullyear = mydate.getFullYear();
    47             document.getElementById("txt").value = myfullyear;
    48         </script>
    49         <input type="button" value="点击设置年份" onclick="setfullyear()"><br />
    50         <input type="button" value="点击获取今天的周几?" onclick="getday()">
    51 </body>
    52 </html>
  • 相关阅读:
    centos7安装puppet详细教程(简单易懂,小白也可以看懂的教程)
    centos7.3下安装nginx
    JS实现转动随机数抽奖的特效代码
    【孤独旅者】封装一个三级联动和基于Vue的mintUI三级联动
    【孤独旅者】Vue-封装$on,$emit,$off
    数据可视化,选择Echarts还是Highcharts?
    关于redux和react-redux
    vue 封装一个插件
    vue实现点击回到顶部
    vue实现吸顶
  • 原文地址:https://www.cnblogs.com/Mykebai/p/9318017.html
Copyright © 2011-2022 走看看