时间对象是一个我们经常要用到的对象,无论是做时间输出、时间判断等操作时都与这个对象离不开。除开 JavaScript 中的时间对象外,在 VbScript 中也有许多的时间对象,而且非常好用。下面还是按照我们的流程来进行讲解
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
它是一个内置对象——而不是其它对象的属性, 允许用户执行各种使用日期和时间的过程。
方法:分为得到时间方法、设置时间方法和转换时间方法
得到时间方法:
getDate() 查看 Date 对象并返回日期
getDay() 返回星期几
getHours() 返回小时数
getMinutes() 返回分钟数
getMonth() 返回月份值
getSeconds() 返回秒数
getTime() 返回完整的时间
getYear() 返回年份
js 中的日期时间函数具体使用注意事项: 月份获取的时候会 - 1. 例如当前是 12 月份,获取的数字就是 11
var date = new Date();
date.getYear(); // 获取年份 (2 位)
date.getFullYear(); // 获取完整的年份 (4 位, 1970-)
date.getMonth(); // 获取月份 (0-11,0 代表 1 月,所以在显示当前时间的时候需要 date.getMonth() + 1)
date.getDate(); // 获取日 (1-31)
date.getDay(); // 获取星期?(0-6,0 代表星期天)
date.getTime(); // 获取时间 (从 1970.1.1 开始的毫秒数)
date.getHours(); // 获取小时数 (0-23)
date.getMinutes(); // 获取分钟数 (0-59)
date.getSeconds(); // 获取秒数 (0-59)
date.getMilliseconds(); // 获取毫秒数 (0-999)
date.toLocaleString(); // 获取日期与时间
设置时间方法:
setDate() 改变 Date 对象的日期
setHours() 改变小时数
setMinutes() 改变分钟数
setMonth() 改变月份
setSeconds() 改变秒数
setTime() 改变完整的时间
setYear() 改变年份
转换时间方法:
toGMTString() 把 Date 对象的日期 (一个数值) 转变成一个 GMT 时间字符串, 返回类似下面的值: Weds,15 June l997 14:02:02 GMT(精确的格式依赖于计算机上所运行的操作系统而变)
toLocaleString() 把 Date 对象的日期 (一个数值) 转变成一个字符串, 使用所在计算机上配置使用的特定日期格式
UTC() 使用 Date UTC(年、月、日、时、分、秒), 以自从 1970 年 1 月 1 日 00:00:00(其中时、分、秒是可选的) 以来的毫秒数的形式返回日期
几个需要注意的地方:
最重要的一点就是考虑到多浏览器的兼容性。需要按如下格式获取日期比较好
- var timestart = '2015-09-05';
- var timeend = '2015-09-06';
- var time1 = (timestart+' 00:00:00').toString();
- var time2 = (timeend+' 23:59:59').toString();
- timestart = new Date(Date.parse(time1.replace(/-/g,"/"))).getTime();
- timeend = new Date(Date.parse(time2.replace(/-/g,"/"))).getTime();
phperz 小编为大家提供一个刚写的,在某一个时间段才显示的广告代码
- <script type="text/javascript">
- var timestart = '2015-09-05';
- var timeend = '2015-09-06';
- var time1 = (timestart+' 16:00:00').toString();
- var time2 = (timeend+' 16:00:00').toString();
- timestart = new Date(Date.parse(time1.replace(/-/g,"/"))).getTime();
- timeend = new Date(Date.parse(time2.replace(/-/g,"/"))).getTime();
- var nowtime=new Date().getTime();
- if (nowtime>timestart && nowtime<timeend)
- {
- document.write("广告");
- }
- </script>
1、得到日期和年和设置日期和年时间,其中很怪的问题就是不能对月份进行设置(比较的怪):
- <script language="javascript">
- d = new Date();
- alert(d.toLocaleString());
- d.setDate(25);
- alert(d.toLocaleString());
- d.setYear(2000);
- alert(d.toLocaleString());
- </script>
2、获得年的时候最好用 getFullYear() 方法来做
3、由于针对月份,JS 是从 0 开始的,因此需要对月份进行操作时要加 1
下面是几个关于时间的经典而且经常会用到的例子,希望对大家会有提高的。谢谢继续关注该帖子。。。
1、将 2005-8-5 转换成 2005-08-05 格式
- <script language="javascript">
- var strDate = '2005-8-5';
- window.alert(strDate.replace(/\b(\w)\b/g, '0$1'));
- </script>
2、得到间隔天数
- <script type="text/javascript">
- <!--
- alert("间隔天数为:"+(new Date('2005/8/15')-new Date('2003/9/18'))/1000/60/60/24+"天")
- //-->
- </script>
3、得到间隔时间
- <script>
- var d1=new Date("2004/09/16 20:08:00");
- var d2=new Date("2004/09/16 10:18:03");
- var d3=d1-d2;
- var h=Math.floor(d3/3600000);
- var m=Math.floor((d3-h*3600000)/60000);
- var s=(d3-h*3600000-m*60000)/1000;
- alert("相差"+h+"小时"+m+"分"+s+"秒");
- </script>
4、得到今天的日期
- <script language="javascript">
- d = new Date();
- alert(d.getFullYear()+"年"+(d.getMonth()+1)+"月"+d.getDate()+"日");
- </script>
6、数字日期转汉字
- <html>
- <head>
- <title>
- New Document
- </title>
- </head>
- <body>
- <script language=javascript>
- Date.prototype.getRead = function() {
- var values = new Array("零", "一", "二", "三", "四", "五", "六", "七", "八", "九");
- var returnValue, temp;
- returnValue = this.getYear() + "年";
- temp = (this.getMonth() + 1) + "月" + this.getDate() + "日";
- temp = temp.replace(/(\d)(\d)/g, "$1十$2").replace(/1十/g, "十").replace(/十0/g, "十");
- returnValue += temp;
- returnValue = returnValue.replace(/\d/g,
- function(sts) {
- return values[parseInt(sts)]
- });
- return returnValue;
- }
- var t = new Date();
- document.write(t.getRead());
- </script>
- </body>
- </html>
7、得到前 N 天或后 N 天的日期
方法一:
- <script type="text/javascript">
- function showdate(n)
- {
- var uom = new Date(new Date()-0+n*86400000);
- uom = uom.getFullYear() + "-" + (uom.getMonth()+1) + "-" + uom.getDate();
- return uom;
- }
- window.alert("今天是:"+showdate(0));
- window.alert("昨天是:"+showdate(-1));
- window.alert("明天是:"+showdate(1));
- window.alert("10天前是:"+showdate(-10));
- window.alert("5天后是:"+showdate(5));
- </script>
方法二:
- <script type="text/javascript">
- function showdate(n)
- {
- var uom = new Date();
- uom.setDate(uom.getDate()+n);
- uom = uom.getFullYear() + "-" + (uom.getMonth()+1) + "-" + uom.getDate();
- return uom;
- }
- window.alert("今天是:"+showdate(0));
- window.alert("昨天是:"+showdate(-1));
- window.alert("明天是:"+showdate(1));
- window.alert("10天前是:"+showdate(-10));
- window.alert("5天后是:"+showdate(5));
- </script>
方法三(不好意思,这个用 vsscript 做的,仅作为学习使用,不建议网页中使用,毕竟 IE only):
- <script language="vbscript">
- function showdate(n)
- showdate=dateadd("d",date(),n)
- end function
- msgbox "今天是:"&showdate(0)
- msgbox "昨天是:"&showdate(-1)
- msgbox "明天是:"&showdate(1)
- msgbox "十天前是:"&showdate(-10)
- msgbox "五天后是:"&showdate(5)
- </script>
方法四:
- <script language="Javascript">
- Date.prototype.getDays=function(){
- var _newDate=new Date();
- _newDate.setMonth(_newDate.getMonth()+1);
- _newDate.setDate(0);
- $_days=_newDate.getDate();
- delete _newDate;
- return $_days;
- }
- function showdate(n)
- {
- var uom = new Date();
- uom.setDate(uom.getDate()+n);
- uom = uom.getFullYear() + "-" + (uom.getMonth()+1) + "-" + uom.getDate()+"\n星期"+('天一二三四五六'.charAt(uom.getDay()))+"\n本月有"+ uom.getDays()+"天";
- return uom;
- }
- window.alert("今天是:"+showdate(0));
- window.alert("昨天是:"+showdate(-1));
- window.alert("明天是:"+showdate(1));
- window.alert("10天前是:"+showdate(-10));
- window.alert("5天后是:"+showdate(5));
- </script>
来源: http://www.phperz.com/article/17/0218/269517.html