1、Data对象

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

2、获取当日日期

   代码如下：

<!DOCTYPE html>

  1. <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">

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

 

 3.2      getTime();         获取毫秒

代码如下：

  1. <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>对象</title>
    </head>
    <body>
    <script>
  2.  
  3.   var date=new Date();
     document.write(date.getTime());
  4.  
  5. </script>
    </body>
    </html>

 3.3    setFullYear();    设置具体日期

代码如下：

  1. <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>对象</title>
    </head>
    <body>
    <script>
  2.  
  3.   var date=new Date();
  4.  
  5.  document.write(date.setFullYear(2016,9,25));
    document.write(date);
  6.  
  7. </script>
    </body>
    </html>

3.4   getDay();          获取日期

代码如下：

  1. <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>对象</title>
    </head>
    <body>
    <script>
  2.  
  3.   var date=new Date();
      document.write(date.getDay());
  4.  
  5. </script>
    </body>
    </html>

4、时钟小例子

    代码如下：

  1. <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>对象</title>
    </head>
    <body onload="startTime()">
    <script>
  2.  
  3.   //小时钟
  4.  
  5.   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>
  6.  
  7. </html>
  8.  
  9. 运行结果：数字在不断的变化，间隔为500ms

  1.  

第八天：JS内置对象-Date日期对象的更多相关文章

  1. JS对象 Date 日期对象 日期对象可以储存任意一个日期，并且可以精确到毫秒数（1/1000 秒）。 定义一个时间对象 : var Udate=new Date();Date()的首字母须大写

    Date 日期对象 日期对象可以储存任意一个日期,并且可以精确到毫秒数(1/1000 秒). 定义一个时间对象 : var Udate=new Date(); 注意:使用关键字new,Date()的首 ...

  2. ECMAScript基本对象——Date日期对象

    1.创建 var 对象名 = new Date(); 2.方法 ①toLocaleString()据本地时间格式,把 Date 对象转换为字符串.和电脑的语言位置有关 ②getTime()返回 197 ...

  3. web前端学习（四）JavaScript学习笔记部分（6）-- js内置对象

    1.JS内置对象-什么是对象 1.1.什么是对象: JavaScript中的所有事物都是对象:字符串.数值.数组.函数 每个对象带有属性和方法 JavaScript允许自定义对象 1.2.自定义对象: ...

  4. JS内置对象-String对象、Date日期对象、Array数组对象、Math对象

    一.JavaScript中的所有事物都是对象:字符串.数组.数值.函数... 1.每个对象带有属性和方法 JavaScript允许自定义对象 2.自定义对象 a.定义并创建对象实例 b.使用函数来定义 ...

  5. 5月15日上课笔记-js中 location对象的属性、document对象、js内置对象、Date事件对象、

    location的属性: host: 返回当前主机名和端口号 定时函数: setTimeout( ) setInterval() 二.document对象 getElementById(); 根据ID ...

  6. js内置对象的常用属性和方法（Array | String | Date | Math）

    js内置对象:Array  String  Math  Date <!DOCTYPE html> <html lang="en"> <head> ...

  7. 170104、js内置对象与原生对象

    内置对象与原生对象 内置(Build-in)对象与原生(Naitve)对象的区别在于:前者总是在引擎初始化阶段就被创建好的对象,是后者的一个子集:而后者包括了一些在运行过程中动态创建的对象. 原生对象 ...

  8. js课程 3-9 js内置对象定时器和超时器怎么使用

    js课程 3-9 js内置对象定时器和超时器怎么使用 一.总结 一句话总结:定时器:    1.定义    sobj=setInterval(func,1000);        2.清除    cl ...

  9. js课程 2-8 js内置对象有哪些

    js课程 2-8 js内置对象有哪些 一.总结 一句话总结:JS中内置了17个对象,常用的是Array对象.Date对象.正则表达式对象.string对象.Global对象. 1.js常用对象有哪些? ...

随机推荐

  1. 关于页面 reflow 和 repaint

    什么是 reflow 和 repaint 浏览器为了重新渲染部分或整个页面,重新计算页面元素位置和几何结构(geometries)的进程叫做 reflow. 当确定了元素位置.大小以及其他属性,例如颜 ...

  2. jQuery实现抖动效果

    //抖动效果 //intShakes:抖动次数:intDistance:抖动左右距离:intDuration:持续时间 jQuery.fn.shake = function (intShakes, i ...

  3. 一步步编写avalon组件02：分页组件

    本章节,我们做分页组件,这是一个非常常用的组件.grid, listview都离不开它.因此其各种形态也有. 本章节教授的是一个比较纯正的形态,bootstrap风格的那种分页栏. 我们建立一个ms- ...

  4. 2016 ICPC北京站现场赛总结（再度流水账）

    其他的都先不说,北大的未名湖真的美! 虽然感觉北大其他地方都有些破旧之感,但是未名湖附近真的值得称赞. 在去北京之前就听说北京温度很低,不过是干冷,果不其然.北京不冷,就是嘴唇太干了,不喝水真的受不了 ...

  5. SSL/TLS 协议详解

    SSL(Secure Sockets Layer,安全套接层),及其继任者 TLS(Transport Layer Security,传输层安全)是为网络通信提供安全及数据完整性的一种安全协议.TLS ...

  6. mysql 索引分类

    在数据库表中,对字段建立索引可以大大提高查询速度.通过善用这些索引,可以令 MySQL的查询和运行更加高效.索引是快速搜索的关键.MySQL索引的建立对于MySQL的高效运行是很重要的.下面介绍几种常 ...

  7. mac--有用的命令和快捷键

    有用的命令: 将man命令打开为pdf文件预览 man -t grep | open -f -a Preview 定位某文件的位置 locate htop 隐藏和显示桌面文件 chflags hidd ...

  8. Python：面向对象

    面向过程:根据业务逻辑从上到下写垒代码 面向对象:对函数进行分类和封装 函数式:将某功能代码封装到函数中,日后便无需重复编写,仅调用函数即可 类:用来描述具有相同属性和方法的对象的集合,定义了该集合中 ...

  9. 关于 tomcat nio connector, servlet 3.0 async, spring mvc async 的关系

    tomcat 的 org.apache.coyote.http11.Http11NioProtocol Connector 是一个使用 Java NIO 实现的异步 accept 请求的 connec ...

  10. css文本属性

    CSS1&2中的文本属性 属性 版本 简介 text-indent CSS1 检索或设置对象中的文本的缩进 letter-spacing CSS1 检索或设置对象中的文字之间的间隔 word- ...