📅  最后修改于: 2023-12-03 15:37:03.134000             🧑  作者: Mango
在 Javascript 中,可以通过使用 Date() 对象来获取当前时间。在本示例中,我们将演示如何编写一个程序,当单击一个按钮时,在屏幕上显示当前时间戳。
首先,我们需要创建一个 HTML 文件,包括一个按钮和一个用于显示时间戳的文本区域。代码如下:
<!DOCTYPE html>
<html>
<head>
<title>Show Timestamp on Button Click</title>
<script src="script.js"></script>
</head>
<body>
<button onclick="showTimestamp()">Get Timestamp</button>
<p>Timestamp: <span id="timestamp"></span></p>
</body>
</html>
在这个 HTML 文件中,当按钮被单击时,将调用一个名为 showTimestamp()
的函数,并将结果显示在 <span>
元素中,该元素使用 id="timestamp"
来标识。
接下来,我们需要编写 JavaScript 代码,以确保单击按钮时显示时间戳。代码如下:
function showTimestamp() {
var date = new Date().getTime();
document.getElementById("timestamp").innerHTML = date;
}
该函数将创建一个 Date
对象并获取当前时间的时间戳。然后,将时间戳作为字符串设置为 <span>
元素的 innerHTML 属性。
综上所述,我们已经编写了一段 JavaScript 代码,可以在单击按钮时在屏幕上显示当前时间戳。只需将 HTML 和 JavaScript 文件存储在同一个文件夹中,并在浏览器中打开 HTML 文件即可。
请注意,时间戳是从 1970 年 1 月 1 日开始计算的毫秒数。此外,您可以根据需要格式化时间戳,以显示更易读的时间日期格式。