<!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. kill 根据PID终止进程

    根据PID终止进程 kill [option] PID-list kill 通过向一个或多个进程发送信号来终止进程.除超级用户外,只有进程的所有者才可以对进程执行kill 参数 PID-list为ki ...

  2. "此站点已经禁用应用程序"在sharepoint 2013中通过v2013部署app提示该错误

    该错误的原文是:the apps are disabled in this site 可以在yahoo或者bing上搜索这个错误,可以找到解决办法: msdn上也有该错误解决办法,但是如果搜索中文,目 ...

  3. if -else 条件语句原理

    #!/usr/bin/python # coding utf-8 name = '?' if name == 'python': print('欢迎BOSS') else: print('输入错误')

  4. canvas三角函数应用

    这个是圆圈旋转的简单案例 var canvas=document.getElementById("canvas"); var cxt=canvas.getContext(" ...

  5. jquery slide使用总结

    .slideUp([duration][,complete])--目标元素向上滑入隐藏: .slideDown([duration][,complete])--目标元素向下滑出显示: .slideTo ...

  6. 【转】css布局居中和CSS内容居中区别和对应DIV CSS代码

    原文地址:http://www.divcss5.com/jiqiao/j771.shtml css布局居中和CSS内容居中区别和对应DIV CSS代码教程与图文代码案例篇 对于新手来说DIV CSS布 ...

  7. 计算机网络-TCP连接

    TCP首部20个字节 1.为什么TCP要三次握手建立连接? TCP连接过程,客户端发送请求到服务器,服务器确认请求发送到客户端,客户端再发送确认请求到服务器 原因:简言之,为了防止失效的连接请求发送到 ...

  8. java-commons-HttpClient超时设置setConnectionTimeout和setSoTimeout

    问题 之前使用httpclient请求数据 源码方法: public static String doHttp(HttpMethod result, int timeout, String chars ...

  9. Linux命令:修改文件权限命令chmod、chgrp、chown详解

    Linux系统中的每个文件和目录都有访问许可权限,用它来确定谁可以通过何种方式对文件和目录进行访问和操作. 文件或目录的访问权 限分为只读,只写和可执行三种.以文件为例,只读权限表示只允许读其内容,而 ...

  10. bzoj2946: [Poi2000]公共串

    SAM处女题qwq #include <iostream> #include <cstdio> #include <cstring> #include <cm ...