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

不确定我们是否具有区分时间格式并根据操作系统时间提供输出的功能。但是以防万一，如果您有机会在最后进行操作，请尝试使用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 }))

Answer 3

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

console.log(navigator)

选中此answer

使用JS Answer获取系统信息，导航器documentation

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

3 个答案: