日期对象

在JavaScript中提供了Data对象,用于处理和日期有关的内容。通过Data对象可以获取系统时间、设置时间等。Data对象也具有prototype和constructor属性。

1创建日期

创建日期的方法有多种,下面介绍几种常用的方法。

  --可以使用下列语句,创建一个对象表示系统当前的日期和时间;

    var date = new Date();

  --可以使用字符串类型的参数,指定日期和时间及具体的格式

    var date = new Date("MM/dd/yyyy HH:mm:ss");

  --可以使用整型参数,创建距离JavaScript内部定义的起始时间1970年1月1日的某一毫秒的日期和时间

   var date = new Date(milliseconds);

  --可以使用构造函数创建日期,其参数可以为2-7个,依次按照year month day hours minutes seconds milliseconds匹配。

    var date = new Date(year,month);

    var date = new Date(year,month,day);

    var date = new Date(year,month,day,hours);

    var date = new Date(year,month,day,hours,minutes);

    var date = new Date(year,month,day,hours,minutes,seconds);

    var date = new Date(year,month,day,hours,minutes,seconds,milliseconds);

2.日期对象的属性和方法

方法:
  getFullYear()                    获取4位数的年份
  getMonth()                       获取月份,从0开始的
  getDate()           获取日(1-31)
  getDay()          获取星期 0-6
  getHours()       获取小时
  getMinutes()          获取分钟
  getSeconds()        获取秒
 
 
  setFullYear()                      设置
  setMonth()
  setDate()
  setDay()
  setHours()
  setMinutes()
  setSecends()
 
 
  d.toLocaleString()                年月日时分秒 将时间类型转换成字符串
  d.toLocaleDateString()        年月日
  d.toLocaleTimeString()        时分秒
 
 
利用Date()对象实现客户端动态时钟,例如:
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. <script>
  7. function showTime() {
  8. var date = new Date();
  9. var str;
  10. str = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() + "&nbsp;";
  11. str += full(date.getHours()) + ":" + full(date.getMinutes()) + ":" + full(date.getSeconds());
  12. document.getElementById("time").innerHTML = str;
  13. }
  14. function full( n ) {
  15. if ( n<10 ){
  16. n ="0" + n;
  17. }
  18. return n;
  19. }
  20. window.setInterval("showTime()",1000);
  21. </script>
  22. </head>
  23. <body>
  24. <div id="time"></div>
  25. </body>
  26. </html>

注意:尽量不要在setInterval()方法调用document.write()方法,因为setInterval()方法调用的函数执行document.write()输出非html标签的内容时,会重新生成页面,此时页面中已不存在JavaScript脚本,因此不能重复执行,可以通过更改div的innerhtml来实现。

  1. 特此声明:如需转载请注明出处,如有疑问请及时提出以便于改正,如有侵权,联系删除,谢谢
 

Javascript 对象 - 日期对象的更多相关文章

  1. 通过javascript的日期对象来得到当前的日期,并输出--内置对象---JS

    //通过javascript的日期对象来得到当前的日期,并输出. var mydate = new Date(); var week = ["星期日","星期一" ...

  2. js基础-单体对象日期对象

    Math对象 全局对象 日期对象 var t = new Date() t.toLocaleDateString(); t.getFullYear(); t.getMonth() + 1 t.getD ...

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

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

  4. javascript之日期对象

    学习要点: 日期对象 将日期对象转换为字符串 将日期对象中的日期和时间转换为字符串 日期对象中的日期 日期对象中的时间 设置日期对象中的日期 设置日期对象中的时间 与毫秒相关的方法 一.日期对象 在j ...

  5. JavaScript Date日期对象以及日期格式化方法

    前言 Date对象是javascript语言中内置的数据类型,用于提供日期和时间的操作接口.Date对象是在早期java中的java.util.Date类基础上创建的,为此,Date类型使用自UTC1 ...

  6. javascript之日期对象(Date)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  7. JavaScript的日期对象

    1.Date对象用来处理日期和时间. 2.创建Date对象的语法: var myDate = new Date(); 3.Date对象的常用方法: 格式:Date.XX(); getDate() 从 ...

  8. 通过javascript的日期对象来得到当前的日期

    var currentDate = new Date(); var weekday = ["星期日", "星期一", "星期二", &quo ...

  9. JavaScript内置对象(字符串,数组,日期的处理)

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

随机推荐

  1. Ansible工具原理一

    ansible是新出现的自动化运维工具,基于Python开发,集合了众多运维工具(puppet.cfengine.chef.func.fabric)的优点,实现了批量系统配置.批量程序部署.批量运行命 ...

  2. AI - 框架(Frameworks)

    1 - Scikit-Learn Sklearn(scikit-learn: machine learning in Python):https://scikit-learn.org/ 文档丰富而又详 ...

  3. Spring Boot 自定义日志详解

    本节内容基于 Spring Boot 2.0. 你所需具备的基础 什么是 Spring Boot? Spring Boot 核心配置文件详解 Spring Boot 开启的 2 种方式 Spring ...

  4. Java 11 正式发布,这 8 个逆天新特性教你写出更牛逼的代码

    美国时间 09 月 25 日,Oralce 正式发布了 Java 11,这是据 Java 8 以后支持的首个长期版本. 为什么说是长期版本,看下面的官方发布的支持路线图表. 可以看出 Java 8 扩 ...

  5. Xamarin.Android 解决打开软键盘导致底部菜单上移问题

    在界面布局中有EditText控件,该控件一旦获取焦点则打开软键盘,如果布局中有底部菜单,那么底部菜单可能会被软键盘顶在其上面,看如下效果: 解决方法:在活动绑定界面之前写上下段代码即可 Window ...

  6. Struts标签<bean:write><logic:iterate></logic:equal>的组合使用小例

    form表单中的一个下拉列表控件的代码如下 <select name="taskname" id="taskname" class="selec ...

  7. Ocelot简易教程(四)之请求聚合以及服务发现

    上篇文章给大家讲解了Ocelot的一些特性并对路由进行了详细的介绍,今天呢就大家一起来学习下Ocelot的请求聚合以及服务发现功能.希望能对大家有所帮助. 作者:依乐祝 原文地址:https://ww ...

  8. Spring Boot 简介

    作者其他Spring系列文章 Spring Framework简介 Spring框架快速入门  Spring Boot愿景 Spring Boot愿景就是让我们创建可运行的.独立的.基于Spring的 ...

  9. spring-session用mysql实现session共享实践

    前段时间,写了篇<spring-session-data-redis解决session共享的问题>文章,介绍了spring-session使用redis存储实现session共享的内部机制 ...

  10. jmeter 新手使用教程

    jmeter是一款很好的接口和压力测试工具,下载就不说了,去jmeter官网下载即可. 解压缩到本地,然后进入bin文件夹点击jmeter.bat 一.新建一个线程组 线程组内各项配置的含义 二.添加 ...