zoukankan      html  css  js  c++  java
  • 第八天:JS内置对象-Date日期对象

    1、Data对象

                日期对象用于处理日期和时间

    2、获取当日日期

         代码如下:

         <!DOCTYPE html>

    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>对象</title>
    </head>
    <body>
    <script>
    var date=new Date();
    document.write(date);
    </script>
    </body>
    </html>

        运行结果:       

                

    3、常用方法:

    3.1   getFullYear();     获取年份

    代码如下:

     <!DOCTYPE html><html lang="en">

    <head>
    <meta charset="UTF-8">
    <title>对象</title>
    </head>
    <body>
    <script>

    var date=new Date();
    document.write(date.getFullYear());

    </script>
    </body>
    </html>

     

     3.2      getTime();         获取毫秒

     代码如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>对象</title>
    </head>
    <body>
    <script>

    var date=new Date();
    document.write(date.getTime());

    </script>
    </body>
    </html>

     3.3    setFullYear();    设置具体日期

    代码如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>对象</title>
    </head>
    <body>
    <script>

    var date=new Date();

    document.write(date.setFullYear(2016,9,25));
    document.write(date);


    </script>
    </body>
    </html>

     

    3.4   getDay();          获取日期

    代码如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>对象</title>
    </head>
    <body>
    <script>

    var date=new Date();
    document.write(date.getDay());

    </script>
    </body>
    </html>

    4、时钟小例子

        代码如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>对象</title>
    </head>
    <body onload="startTime()">
    <script>

    //小时钟

    function startTime(){
    var today=new Date();
    var h=today.getHours();
    var m=today.getMinutes();
    var s=today.getSeconds();
    m=checkTime(m);
    s=checkTime(s);
    document.getElementById("timetxt").innerHTML=h+":"+m+":"+s;
    t=setTimeout(function(){
    startTime();
    },500);
    }
    function checkTime(i){
    if(i<10){
    i="0"+i;
    }
    return(i);
    }
    </script>
    <div id="timetxt" ></div>
    </body>

    </html>

    运行结果:数字在不断的变化,间隔为500ms

    
    
    
  • 相关阅读:
    授权中的with admin option和with grant option
    CentOS6.2(64bit)下mysql5.6.16主从同步配置
    linux zip命令
    从模版中找到控件的方法和找到样式的方法
    WPF 在事件中绑定命令(不可以在模版中绑定命令)
    WPF: ShowDialog() 切换到其他应用窗口后,再切换回来无法让子窗口总在最上方
    TreeViewItem实现整行选中 (两种用法)
    BitmapImage 读取内存流和显示图片
    IsKeyboardFocused -- 键盘焦点
    WPF中的imagesource 和内存图片的处理
  • 原文地址:https://www.cnblogs.com/fenr9/p/5640775.html
Copyright © 2011-2022 走看看