这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了 JavaScript 日期对象 (Date) 基本用法, 结合实例形式较为详细的分析了 JavaScript 日期对象 (Date) 获取日期、时间戳、年月日、星期及日期比对等操作技巧, 需要的朋友可以参考下
本文实例讲述了 JavaScript 日期对象 (Date) 基本用法。分享给大家供大家参考,具体如下:
1. 获取当前日期:
- document.write("Current time: " + new Date());
2. 获取时间戳(毫秒):
- document.write(new Date().getTime());
3. 设置年月日(年为必选,月日为可选):
- var d = new Date();
- d.setFullYear(2016, 3, 16) document.write(d);
- document.write("<br/>");
- document.write(d.getTime());
4. 返回当前星期几:
- document.write(new Date().getDay())
5. 日期对象的比较:
- function compareDate() {
- var oneday = new Date();
- oneday.setFullYear(2016, 2, 26);
- var currentday = new Date();
- if (oneday < currentday) {
- alert("before");
- } else {
- alert("after");
- }
- }
效果图:
示例代码:
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <meta http-equiv="Content-Language" content="zh-cn" />
- <title>
- Javascript 日期对象
- </title>
- <head>
- <style>
- body {background-color:#e6e6e6}
- </style>
- </head>
- <body onload="startTime()">
- <h3>
- (一)返回当前的日期
- </h3>
- <script>
- document.write("Current time: " + new Date());
- </script>
- <h3>
- (二)返回时间戳(毫秒)
- </h3>
- <script>
- document.write(new Date().getTime());
- </script>
- <h3>
- (三)设置年月日
- </h3>
- <script>
- var d = new Date();
- d.setFullYear(2016, 3, 16) document.write(d);
- document.write("<br/>");
- document.write(d.getTime());
- </script>
- <h3>
- (四)将当日的日期(根据 UTC)转换为字符串
- </h3>
- <script>
- var d2 = new Date() document.write(d2.toUTCString())
- </script>
- <h3>
- (五)返回当前星期几
- </h3>
- <script>
- var d3 = new Date() var weekday = new Array(7) weekday[0] = "星期日"weekday[1] = "星期一"weekday[2] = "星期二"weekday[3] = "星期三"weekday[4] = "星期四"weekday[5] = "星期五"weekday[6] = "星期六"document.write(weekday[d3.getDay()])
- </script>
- <h3>
- (六)显示一个时间钟表
- </h3>
- <p id="time_text">
- </p>
- <script>
- function startTime() {
- var today = new Date();
- var y = today.getFullYear();
- var M = today.getMonth() + 1;
- var day = today.getDay();
- var h = today.getHours();
- var m = today.getMinutes();
- var s = today.getSeconds();
- m = checkTime(m);
- s = checkTime(s);
- var content = (y + "/" + M + "/" + day + " " + h + ":" + m + ":" + s).fontsize(6).fontcolor("red");
- document.getElementById("time_text").innerHTML = content;
- setTimeout("startTime()", 500);
- }
- function checkTime(i) {
- if (i < 10) {
- return "0" + i;
- }
- return i;
- }
- </script>
- <h3>
- (七)日期对象的比较
- </h3>
- <p>
- 2016.3.26与当前时间的关系?
- </p>
- <button onclick="compareDate()">
- 比较
- </button>
- <script>
- function compareDate() {
- var oneday = new Date();
- oneday.setFullYear(2016, 2, 26);
- var currentday = new Date();
- if (oneday < currentday) {
- alert("before");
- } else {
- alert("after");
- }
- }
- </script>
- </body>
- </html>
希望本文所述对大家 JavaScript 程序设计有所帮助。
来源: http://www.phperz.com/article/17/0718/328399.html