js点击按钮获取当前时间
时间: 2023-09-11 07:04:39 浏览: 71
可以使用 JavaScript 中的 Date 对象来获取当前时间,然后将其显示在网页中。可以通过以下代码实现:
HTML 代码:
```html
<button onclick="getCurrentTime()">获取当前时间</button>
<p id="time"></p>
```
JavaScript 代码:
```javascript
function getCurrentTime() {
var time = new Date();
var hours = time.getHours();
var minutes = time.getMinutes();
var seconds = time.getSeconds();
var currentTime = hours + ":" + minutes + ":" + seconds;
document.getElementById("time").innerHTML = "当前时间是:" + currentTime;
}
```
这段代码会在点击按钮时,获取当前时间,并将其显示在 `id` 为 `time` 的段落中。
相关问题
js点击按钮获取当前日期时间
你可以使用 JavaScript 的内置 Date 对象来获取当前日期和时间。以下是一个简单的示例代码,当用户点击一个按钮时,它将显示当前日期和时间:
```html
<!DOCTYPE html>
<html>
<body>
<p>点击按钮以显示当前日期和时间:</p>
<button onclick="showDateTime()">显示日期时间</button>
<p id="datetime"></p>
<script>
function showDateTime() {
var now = new Date();
var datetime = document.getElementById("datetime");
datetime.innerHTML = now.toLocaleString();
}
</script>
</body>
</html>
```
该代码在页面上创建一个按钮和一个段落元素。当用户点击按钮时,它将调用 `showDateTime()` 函数来获取当前日期和时间,并将其显示在段落元素中。你可以根据需要调整代码以满足你的需求。
html点击按钮输出当前时间
好的,您可以尝试以下代码实现:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>点击按钮输出当前时间</title>
<script>
function showTime() {
var date = new Date();
var time = date.toLocaleTimeString();
document.getElementById("time").innerHTML = time;
}
</script>
</head>
<body>
<button onclick="showTime()">点击查看时间</button>
<br><br>
<div id="time"></div>
</body>
</html>
```
这段代码会在页面上显示一个按钮,点击按钮后会输出当前的时间。具体实现是通过 JavaScript 中的 `Date()` 对象获取当前时间,然后通过 `innerHTML` 将时间显示在页面上。