<!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. 配置JAVA环境变量

    1.安装JDK包. 2.安装完成后,[开始]-[运行]输入"cmd","java -version",如果正确输出,表示安装成功. 3.右键[我的电脑]-[属性 ...

  2. android服务之启动方式

    服务有两种启动方式 通过startService方法来启动 通过bindService来开启服务 布局文件 在布局文件中我们定义了四个按键来测试这两种方式来开启服务的不同 <?xml versi ...

  3. 曾经post为何只能通过form来提交

    当我们web程序的前台,需要有数据向后台发送时候,我们第一时间想到的就是,给我们所需要提交的用户名,密码之类的数据封装到一个<form>表单里面去,而封装完毕之后,我们需要给form的提交 ...

  4. 腾讯云CentOS 安装MediaWiki

    参考 : https://www.digitalocean.com/community/tutorials/how-to-install-mediawiki-on-centos-7 //安装好很多次终 ...

  5. Linux基础知识集锦

    查看当前进程ID与当前进程的父进程ID $$ echo $PPID shell脚本之for循环 for ((i=0;i<10;++i)) do echo "hello",$i ...

  6. tab切换(修改)

    html代码: <div class="tabContent"> <ul class="tab clearFix"> <li cl ...

  7. [转]session 持久化问题(重启服务器session 仍然存在)

    转:http://xiaolongfeixiang.iteye.com/blog/560800 关于在线人数统计,大都使用SessionListener监听器实现. SessionListener 触 ...

  8. 简单的JS控制button颜色随点击更改

    先上效果图: 默认“今日”是选中状态,是行内样式: <button type="button" id="today" class="btn-li ...

  9. 区间DP poj 2955

    求最多有几个括号可以匹配 #include<stdio.h> #include<string.h> #include<algorithm> using namesp ...

  10. java.io.FileNotFoundException: D:\xxx\yyy (拒绝访问。)问题

    File file=new File(fileAllName); FileWriter fw=new FileWriter(file); 在Java的 FileWriter 方法时 系统抛出了异常 j ...