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

    
    
    
  • 相关阅读:
    ES6-10笔记(class类)
    ES6-10笔记(let&const -- Array)
    小程序的表单提交
    小程序表单回显
    小程序template模板的使用和模板多数据传递
    微信小程序的初始配置
    babel 版本原因运行报错,解决办法
    webpack 和 webpack-cli 安装和使用中出现的问题
    jQuery中操作属性的方法attr与prop的区别
    javaScript 添加和移除class类名的几种方法
  • 原文地址:https://www.cnblogs.com/fenr9/p/5640775.html
Copyright © 2011-2022 走看看