javascript - javascript时间24小时到12小时，点击按钮

Question

我想制作一个默认情况下以 12 小时格式（上午/下午）显示时间的 javascript 代码。在它下面会有一个按钮，当我点击那个按钮时，它会将时间更改为 24 小时格式（军事时间）。当我再次单击该按钮时，时间将更改为之前的 12 小时格式。我怎样才能做到这一点。

这是我的代码的链接 - 代码

我在这里要做的是-当我单击“ab”按钮时，它会第一次（12 小时）更改为 24 小时格式。当我再次单击该按钮时，第一次将更改为之前的 12 小时格式。

Answer 1

使用类似的东西初始化时的javascript日期var currentDate = new Date();将保存当前日期和时间。然后，您可以使用该currentDate.getHours()方法获取 24 小时格式的小时数。

将此更改为 12 小时格式首先需要检查小时是否大于或等于 12（在这种情况下，后缀将为 PM，否则将为 AM）。在此之后，您只需将小时数以 12 为模。

可以分别使用currentDate.getMinutes()和检索分钟和秒currentDate.getSeconds()。

这是一个演示上述内容的小提琴。