<!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. 三言两语聊Python模块–单元测试模块unittest

    实际上unittest模块才是真正意义上的用于测试的模块,功能强大的单元测试模块. 继续使用前面的例子: # splitter.py def split(line, types=None, delim ...

  2. 通过UserAgent判断设备为Android、Ios、Pc访问

    public static bool CheckAgent() { bool flag = false; string agent = HttpContext.Current.Request.User ...

  3. social emotion computing-感情的分类

    第八节  情感的分类 人的情感复杂多样,可以从不同的观察角度进行分类.由于情感的核心内容是价值,因此人的情感主要必须根据它所反映的价值关系的运动与变化的不同特点来进行分类. 1.根据价值的正负变化方向 ...

  4. javascript 函数声明与函数表达式的区别

    先看一段代码 var f = function g() { return 1; }; if (false) { f = function g(){ return 2; }; } alert(g()); ...

  5. 54-locate 简明笔记

    在mlocate数据库中搜索条目 locate [option] pattern 参数 pattern 是locate需要搜索的文件名或者正则表达式 选项 -i              忽略大小写 ...

  6. 消息队列写入内容后，读出来的自动包裹了<string>标签，自定义格式化器解决该issue

    /// <summary> /// 该格式化器使输入即输出 /// </summary> public class StringFormatter : IMessageForm ...

  7. .NET中的GDI+

    GDI:Graphics Device Interface. System. Windows. Shapes 命名空间: 类 Ellipse 绘制一个椭圆. Line 在两个点之间绘制一条直线. Pa ...

  8. Bete冲刺第一阶段

    Bete冲刺第一阶段 今日工作: github团队协作流程 web:调整dao层设计,增加新的dao组件 客户端:之前遗留的界面跳转的BUG 目前所遇问题: 第一,COCOAPODS的安装上还是有点问 ...

  9. xml文件的生成与解析

    生成方法一:同事StringBuffer类对xml文件格式解析写入 package com.steel_rocky.xml; import android.app.Activity; import a ...

  10. 自定义CoordinatorLayout Behavior 隐藏Footer View

    在用新的控件中,我们可以用Toolbar与CoordinatorLayout实现 向上滚动隐藏的效果,可是官方并没有找到向上隐藏底部导航的功能,有一些第三方的框架实现了. 在Android M,Coo ...