JavaScript日期对象(Date)基本用法示例
更新时间：2017年01月18日 11:51:11 作者：books1958
这篇文章主要介绍了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>
PS：这里再为大家推荐几款时间及日期相关工具供大家参考使用：
在线秒表工具：
http://tools.jb51.net/bianmin/miaobiao
Unix时间戳(timestamp)转换工具：
http://tools.jb51.net/code/unixtime
在线世界各地时间查询：
http://tools.jb51.net/zhuanhuanqi/worldtime
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript时间与日期操作技巧总结》《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
这篇文章主要是对JavaScript函数参数的可修改性进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
给Javascript数组插入一条记录的代码...2007-08-08
这篇文章主要介绍了微信小程序图片自适应实现解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-01-01
这篇文章主要为大家详细介绍了three.js实现圆柱体的相关代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-12-12
详解JavaScript中的before-after-hook钩子函数
最近看别人的代码，接触到一个插件，before-after-hook，百度搜一圈也没有看到什么地方有教程,本文就来简单介绍一下这个插件的使用方法，需要的可以参考一下2022-12-12
这篇文章主要介绍了用JS实现图片轮播效果代码（一）的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-06-06
这篇文章主要介绍了javascript中Promise使用详解，关于Promise的使用相关的知识点下面文章内容介绍详细具有一定的参考价值，需要的小伙伴可以参考一下2022-04-04
JS操作图片(增,删,改) 例子，需要的朋友可以参考一下2013-04-04
这篇文章主要给大家介绍了关于微信小程序如何获取图片宽度与高度的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-03-03
用javascript实现计算两个日期的间隔天数...2007-08-08
最新评论