根据我的操作系统时间格式显示时间

Question

我是编码新手。我知道HTML，CSS和js。我的问题是我想根据操作系统时间格式在我的 HTML 页面中显示时间。例如，我的系统时间格式为 12 小时格式，如果我的系统时间格式为 24 小时，我需要显示 12 小时格式，我需要在 HTML 页面中显示 24 小时格式。我在操作系统时间设置中测试自己切换时间格式。那个时间也必须改变页面时间。

是否可以使用HTML，CSS和js？

如果没有，是否有任何其他方法可以做到这一点。帮助或建议我

Answer 1

可能会有所帮助

var currentTime = new Date(),
      hours = currentTime.getHours(),
      minutes = currentTime.getMinutes();
	if (minutes < 10) {
	 minutes = "0" + minutes;
  }
	var suffix = "AM";
	if (hours >= 12) {
    suffix = "PM";
    hours = hours - 12;
	}
	if (hours == 0) {
	 hours = 12;
	}
	document.write(hours + ":" + minutes + " " + suffix)

Answer 2

简短的回答是否定的，但是，您可以检查系统查询可能性的使用方式：

console.log(navigator)

检查此答案

使用JS回答和获取系统信息导航器文档

Answer 3

不确定我们是否有一个函数来区分时间格式并根据操作系统时间给我们输出。但以防万一，如果你有机会在最后操作，试试使用 JavaScript 内置函数：

对于 12 小时格式：

let formattedTime = new Date().toLocaleTimeString('en-US');
console.log(formattedTime)

对于 24 小时格式：

let currentDateTime = new Date();
    let formattedTime = currentDateTime.getHours() + ":" + currentDateTime.getMinutes() +":" + currentDateTime.getSeconds();
    console.log(formattedTime)

(或(

对于一行中的 24 小时格式，如@Edson所述：

let currentDateTime = new Date();
console.log(currentDateTime.toLocaleTimeString('en-US', { hour12: false }))