Time 对象是 HTML5 中新增的。Time 对象表示一个 HTML <time> 元素。
我们可以使用 querySelector() 来访问 <time> 元素
例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>time</title>
</head>
<body>
<h3>访问 TIME 元素</h3>
<p>我最难忘的一天是 <time id="myTime" datetime="2010-02-14">情人节</time>。</p>
<p>点击按钮获取上面的 time 元素的日期。</p>
<p id="demo"></p>
<button onclick="myFunction()">尝试一下</button>
<p><b>注意：</b>time 元素在所有浏览器中不会渲染任何特殊的效果。</p>
<p><b>注意：</b>只有 Firefox 和 Opera 12 支持 dateTime 属性。</p>
<script>
function myFunction(){
var x = document.querySelector("#myTime").dateTime;
document.querySelector("#demo").innerHTML = x;
};
</script>
</body>
</html>
输出结果：
访问 TIME 元素
我最难忘的一天是 情人节。
点击按钮获取上面的 time 元素的日期。
2010-02-14
注意：time 元素在所有浏览器中不会渲染任何特殊的效果。
注意：只有 Firefox 和 Opera 12 支持 dateTime 属性。