📜  单击按钮时在屏幕上显示当前时间戳的 JavaScript 程序 - Javascript (1)

📅  最后修改于: 2023-12-03 15:37:03.134000             🧑  作者: Mango

单击按钮时在屏幕上显示当前时间戳的 Javascript 程序

在 Javascript 中,可以通过使用 Date() 对象来获取当前时间。在本示例中,我们将演示如何编写一个程序,当单击一个按钮时,在屏幕上显示当前时间戳。

HTML

首先,我们需要创建一个 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

接下来,我们需要编写 JavaScript 代码,以确保单击按钮时显示时间戳。代码如下:

function showTimestamp() {
	var date = new Date().getTime();
	document.getElementById("timestamp").innerHTML = date;
}

该函数将创建一个 Date 对象并获取当前时间的时间戳。然后,将时间戳作为字符串设置为 <span> 元素的 innerHTML 属性。

结论

综上所述,我们已经编写了一段 JavaScript 代码,可以在单击按钮时在屏幕上显示当前时间戳。只需将 HTML 和 JavaScript 文件存储在同一个文件夹中,并在浏览器中打开 HTML 文件即可。

请注意,时间戳是从 1970 年 1 月 1 日开始计算的毫秒数。此外,您可以根据需要格式化时间戳,以显示更易读的时间日期格式。