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 屬性。