javascript - 用于在 JavaScript 中显示时间的按钮

Question

我想显示用户单击按钮的时间，但它不起作用。我使用了 Date() 函数。

function time() {
  document.getElementById("datebtn").innetHTML = getDate();
}

<p id="datebtn">time is =</p>

<button type="button" onclick="time()">click to show the time</button>

Answer 1

要访问当前日期，请使用 new Date()在 JavaScript 中。但是，您可能希望对其进行格式化，以便获得小时:分钟:秒。因此，我们创建一个新的日期对象并对其进行格式化，如下所示:

var currentdate = new Date(); 
var timenow = + currentdate.getHours() + ":"  
            + currentdate.getMinutes() + ":" 
            + currentdate.getSeconds();

还有一个拼写错误:它是 innerHTML不是innetHTML 。 innerHTML删除里面的html(在这种情况下是<p id="datebtn">和</p>之间的所有html)并将其替换为您提供的文本。因此，如果您想使用它，您还必须包含前缀文本:

document.getElementById("datebtn").innerHTML="time is ="+timenow;

播种最终代码变为

function time() {
var currentdate = new Date(); 
var timenow = + currentdate.getHours() + ":"  
            + currentdate.getMinutes() + ":" 
            + currentdate.getSeconds();
  document.getElementById("datebtn").innerHTML = "time is ="+timenow;
}

<p id="datebtn">time is =</p>

<button type="button" onclick="time()">click to show the time</button>