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>
  • 相关阅读:
    左右切换+焦点图
    php中的preg系列函数
    php中的修饰符
    换行符‘ ’和回车符‘ ’
    已经安装php后,再增加扩展模块(不重新编辑php)
    什么是php?以及mysqlnd与libmysqlclient
    cli下的php(并传递参数)
    lnmp安装--php与nginx结合
    FastCgi与PHP-fpm关系[转] 读完本文瞬间明朗了很多
    epoll和select区别
  • 原文地址:https://www.cnblogs.com/Mykebai/p/9318017.html
Copyright © 2011-2022 走看看