Javascript HTML：自动生成的日期和时间

我试图在tomcat服务器页面上实现一个时间戳。每当我触发一个按钮时，它应该总是显示当前的时间和日期

现在我用的是：

<iframe src="http://free.timeanddate.com/clock/i4gxfr9k/n237/tlcn/fn2/ftb/tt0/tw0/tm3/ts1/tb4" frameborder="0" width="74" height="36"></iframe>

这是我刚在网上找到的一个自动生成的时间和日期视图。它工作正常，但问题是它始终可见，而不仅仅是在单击按钮时

HTML文件：

开发工具

document.getElementById（“demo”）.innerHTML=Date（）；

如果您知道如何在点击按钮时显示日期/时间，请回复

---

提前谢谢

如果你愿意使用JS代码，试试这个

您可以使用这样的脚本标记

<script>
 document.getElementById("demo").innerHTML = Date();
</script>

document.getElementById（“demo”）.innerHTML=Date（）；

还有像这样的html标签 调用js代码

<p id="demo"></p>

它会告诉你当前的日期，如果你想提高网页的性能和语言，我建议你使用

---

尝试使用一些JS代码来显示日期等。无论你在做什么，我都会表现得很好。

我认为如果你能提供更多的信息（可能是页面的完整.html？），这会很有帮助，但是我的猜测是：

iFrame基本上是一个进入另一个页面的窗口——在您的例子中是free.timeanddate页面。但是，要隐藏或显示这个iFrame，需要使用javascript或jquery来更改iFrame的可见性。这里有一个指向JSFIDLE的链接来帮助您：

jquery的一个示例是：

$( "button" ).click(function() {
  $( "p" ).slideToggle( "slow" );
});

---

你愿意使用一些JS吗？已经写了一些代码，我可以帮你实现，例如，看看这个我现在正在工作，我得到了当前的日期，显示在我的母语（西班牙语）上，玩日期，如果你愿意，我可以帮你，制作一些github repo PD：下面的代码非常基本，我知道它看起来很无聊，这只是一个例子：pI已经在“”上找到了这个JS。但这是因为上面的框架总是可见的。好吧，糟糕，我不明白你的意思，我会编辑我的答案，等等，这是另一种创建日期本身的方法。就个人而言，我认为这比使用iFrame要好一点，但是您必须将其与我关于添加按钮和jquery以使其显示/隐藏的回答结合起来。显示/隐藏问题并不是因为这是一个iFrame。@Etjana methode对我来说很好，你能告诉我如何隐藏日期和时间吗？我只想在使用此代码时显示它<代码>现在，我加载/重新加载页面时会显示日期。提前谢谢。嘿，我是HTML和JS的初学者。可以同时将脚本和html代码写入my.html吗？

$（“p:commandButton”）。单击（函数（）{$（“iframe”）。滑动切换（“slow”）；}；

@Julian-这几乎是正确的。您还需要在html中添加一个按钮。这里是另一个jfiddle示例：您还需要将jQuery添加到html头部的页面中。你可以从谷歌的CDN上获取代码：@Julian-这对你有用吗？如果是，请单击您要接受的答案旁边的复选标记，将问题标记为已回答。谢谢我已经实现了一个按钮。当我将jQuery添加到代码中时，按钮不再可见。但我希望按钮始终可见，并且只隐藏时间。我将向您发布我当前的HTML代码。

Tool

$( "button" ).click(function() {
  $( "p" ).slideToggle( "slow" );
});