<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Date对象</title>
<style type="text/css">
div{
display: inline-block;
padding: 10px;
margin: 5px;
border: 4px solid #4169E1;
}
</style>
<script type="text/javascript">
var myDate = new Date(); //定义一个获得系统的当期那时间的全局变量
function year() {
document.write('现在时间是：' + myDate + '格式为：星期、月、日、年、时、分、秒、时区' + '（火狐浏览器）');
var num = myDate.getFullYear();
document.write('<br/>获得现在的年份：' + num);
var num1 = myDate.setFullYear(2014);
document.write('<br/>1970年到现在的毫秒数：' + num1);
var num2 = myDate.getFullYear();
document.write('<br/>更改后的年份：' + num2);
}

function day() {
var mydate = new Date(); //获得系统的当期那时间
var num = mydate.getDay(); //获得当前时间下的星期数，返回值是0-6，分别对应日-一，然后把返回的数字赋值给num变量，这样num就成了0-6的某个数字。【这里是值得学习之处，】之后配合数组的索引下标，得到对应的数组中的值
var day = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
document.getElementById('text1').value = (day[num]); //day[num]！高明之处
}

function time() {
//将目前日期对象的时间推迟一小时
var num = myDate.getTime(); //获得到当前时间的毫秒数
document.write("<br />从1970年1月1日零时到日期对象所指的日期的毫秒数为：" + num); //输出
myDate.setTime(myDate.getTime() + 60 * 60 * 1000); //重新设置当前时间再加一小时：因为一小时是60分钟，一分钟是60秒，一秒又等于1000毫秒。所以，推迟1小时就是60*60*1000，若推迟两小时：2*60*60*1000/120*60*1000（2小时又等于120分钟）
var num1 = myDate.getTime();//重新获得推迟后的时间毫秒数
document.write("<br />将目前日期对象的时间推迟一小时后的结果是：" + num1);
}
</script>
</head>

<body>
<div>
<em>1.getFullYear()练习</em><br />
<input type="button" value="获取年份" onclick="year()" /></div><div>
<br /><em>2.getDay()练习</em><br />
<input type="button" value="获取星期" onclick="day()" />
<input type="text" id="text1" style="padding: 10px 5px;" placeholder="点击按钮后显示星期" />
<h1>总结</h1>
<p style="width: 300px;line-height: 1.6em;">此案例的高明之处，就是day[num]，把得到的系统星期数赋值给num，然后变成数字后的num代替了数组day的下标索引处，，进而变换推导出星期天。这种方法很适合方法获取值后返回的是0-x的数值，getDay就是这种。<strong>很实用</strong>，以后要掌握这种思维方式。day[num]
</p></div><div>
<br /><em>3.getTime()练习</em><br />
<input type="button" value="返回时间" onclick="time()" />
<h1>总结</h1>
<p style="width: 300px;line-height: 1.6em;">重新设置当前时间再加一小时：因为一小时是60分钟，一分钟是60秒，一秒又等于1000毫秒。所以，推迟1小时就是<strong>60*60*1000</strong>，若推迟两小时：2*60*60*1000/120*60*1000（2小时又等于120分钟）
</p></div>

</body>

</html>

JS-Date对象的更多相关文章

  1. js Date对象总结

    Date在js中和Array类似,都是拥有自己的特殊方法的特殊对象. 由于平常用到Date着实不多,对它的了解颇浅.上周被问到怎么样获取某年某个月的天数,我当时想了一会儿,回答说有两种,一种自己写判断 ...

  2. js date对象传参获取特定日期的时间戳

    当我们想要通过js获取某一特定时间的时间戳时,会通过给date对象传参再通过getTime函数来获取,传递的参数格式也有不同形式.有些时候,可能会因为自己传入参数的格式不正确而导致date对象inva ...

  3. 回顾JS Date()对象

    突然想写一个日历插件发现Date对象的一些常识快忘光了,复习一下 new Date()返回当前时间 年月日 getFullYear() 返回年份 getMonth() 返回月份(因为从0开始算 所以要 ...

  4. JS DATE对象详解

    1.建立时间对象:可获取年,月,日,星期,时,分,秒 var d = new Date(); console.log(d.getFullYear()+'年'+d.getMonth()+'月'+d.ge ...

  5. 扩展JS Date对象时间格式化功能

    在自己JS代码中引入一下代码: Date.prototype.format =function(format) { var o = { "M+" : this.getMonth() ...

  6. Safari浏览器中对js Date对象的支持

    看了一下自己上一次写博客还是3月份,那是还没有毕业,实习也没那么多事情,毕业设计也才刚开始做,那时天天晚上都把电脑带回家继续学习,而现在一工作忙为借口已经不怎么进行什么知识总结了,只是在印象笔记里做做 ...

  7. js Date对象要注意的问题（时间转换）

    1.时间戳和时间对象可以灵活转变: let n = new Date() // 返回的是当前时间对应的国际时间 let nt =n.getTime() let n2 =new Date(nt) con ...

  8. 通过js date对象获取各种开始结束日期的示例

    有时候做一些任务计划的功能时候,需要提供一个开始时间或者结束时间,比如本周结束,本月结束,今天结束等等,因此,我参考网上的资料把相关的实现为一个项目: gitee: https://gitee.com ...

  9. js Date对象和数字对象

    <script type="text/javascript"> alert(new Date.toLocaleString()); </script> 以本 ...

  10. JS Date对象扩展

    // 对Date的扩展,将 Date 转化为指定格式的String // 月(M).日(d).小时(h).分(m).秒(s).季度(q) 可以用 1-2 个占位符, // 年(y)可以用 1-4 个占 ...

随机推荐

  1. SQL语言概述

    功能概述 DDL,数据库定义语言,创建,修改,删除数据库,表,视图,索引,约束条件等 DML,数据库操纵语言,对数据库中的数据进行增,删,改,查 DCL,数据库定义语言,对数据库总数据的访问设置权限 ...

  2. 《TCP/IP详解卷1：协议》第1章 概述-读书笔记

    章节回顾: <TCP/IP详解卷1:协议>第1章 概述-读书笔记 <TCP/IP详解卷1:协议>第2章 链路层-读书笔记 <TCP/IP详解卷1:协议>第3章 IP ...

  3. 虚拟机VirtualBox 5.1.0|VBOX

    Oracle VM VirtualBox是一款免费.开源的虚拟机软件,现属于Oracle旗下产品.可以安装Windows.Linux.IBM OS/2.Solaris.BSD等操作系统,具有远端桌面协 ...

  4. 50-ln 简明笔记

    为文件建立链接 ln [options] existing-file [new-link] ln [options] existing-file-list directory ln可以为一个或多个文件 ...

  5. 在stream流和byte[]中查找(搜索)指定字符串

    在 stream流 和 byte[] 中查找(搜索)指定字符串 这里注重看的是两个 Search 的扩展方法,一个是 stream 类型的扩展,另一个是 byte[] 类型的扩展, 如果大家有更好的“ ...

  6. 各种图（流程图，思维导图，UML，拓扑图，ER图）简介

    来源于:http://www.cnblogs.com/jiqing9006/p/3344221.html 流程图 1.定义:流程图是对过程.算法.流程的一种图像表示,在技术设计.交流及商业简报等领域有 ...

  7. Android自定义PopupWindow显示在控件上方或者下方

    记录学习之用 View view = mInflater.inflate(R.layout.layout_popupwindow, null); PopUpwindowLayout popUpwind ...

  8. 【POJ 3415】Common Substrings 长度不小于k的公共子串的个数

    长度不小于k的公共子串的个数,论文里有题解,卡了一上午,因为sum没开long long!!! 没开long long毁一生again--- 以后应该早看POJ里的Discuss啊QAQ #inclu ...

  9. Spring中配置和读取多个Properties文件

    一个系统中通常会存在如下一些以Properties形式存在的配置文件 1.数据库配置文件demo-db.properties: database.url=jdbc:mysql://localhost/ ...

  10. linux下mysql基本命令

    1, 创建mysqld数据库的管理用户:             要把root用户设置为管理员,我们应该运行下面的命令:    # mysqladmin -u root password 一般情况下, ...