<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="http://code.jquery.com/jquery-2.1.0.js"></script>
<title>Date字符串</title>
<style>
a {
color: red;
}
</style>
</head>
<body>
<p id="demo"></p>
<p>Date输出:
<a></a>
</p>
<p>
toString()输出:
<a></a>
</p>
<p>
toDateString()输出:
<a></a>
</p>
<p>
toTimeString()输出:
<a></a>
</p>
<p>
toUTCString()输出:
<a></a>
</p>
<p>
toLocaleString()输出:
<a></a>
</p>
<p>
toLocaleTimeString()输出:
<a></a>
</p>
<p>
toLocaleDateString()输出:
<a></a>
</p>
</body>
<script>
var aTag = document.getElementsByTagName("a");
t();
function t() {
var d = new Date();
someday = new Date(2020, 0, 1);
if (someday > d) {
text = "今天在 " + someday.toLocaleString() + " 之前";
} else {
text = "今天在 " + someday.toLocaleString() + " 之后";
}
document.getElementById("demo").innerHTML = text;
//作日期与2020年1月1日的比较比较
aTag[0].innerHTML = d + "</br>";
aTag[1].innerHTML = d.toString() + "</br>";
aTag[2].innerHTML = d.toDateString() + "</br>";
aTag[3].innerHTML = d.toTimeString() + "</br>";
aTag[4].innerHTML = d.toUTCString() + "</br>";
aTag[5].innerHTML = d.toLocaleString() + "</br>";
aTag[6].innerHTML = d.toLocaleTimeString() + "</br>";
aTag[7].innerHTML = d.toLocaleDateString() + "</br>";
setTimeout(t, 1000);//每秒更新
}
</script>
</script>
</html>
效果如下图