js+html获取系统当前时间

获取系统当前时间是网页应用开发和Javascript开发中经常需要实现的功能之一。本篇攻略将详细介绍如何使用JS和HTML获取系统当前时间，包括获取本地系统时间和获取标准UTC时间的方法。下面是完整的攻略。

获取本地系统时间

要获取本地系统时间，我们可以使用JavaScript中内置的Date对象，该对象可以返回当前日期和时间的各个部分，例如年、月、日、小时、分钟和秒等。

第一步：创建Date对象

首先，我们需要创建一个Date对象来获取当前时间。以下代码将创建一个Date对象：

var datetime = new Date();

第二步：获取本地时间信息

Date对象具有多个方法和属性，可以方便地访问各种时间信息。下面是获取本地时间各个部分信息的示例：

var year = datetime.getFullYear();
var month = datetime.getMonth() + 1;
var day = datetime.getDate();
var hour = datetime.getHours();
var minutes = datetime.getMinutes();
var seconds = datetime.getSeconds();

其中，getFullYear()方法返回年份，getMonth()方法返回月份，getDate()方法返回日期等。

第三步：格式化时间信息

最后一步是将时间信息格式化为字符串，以便在HTML页面上显示。下面是将时间信息格式化为字符串的示例：

var str_datetime = year + "-" + pad(month) + "-" + pad(day) + " " + pad(hour) + ":" + pad(minutes) + ":" + pad(seconds);

其中，pad()函数用于将数字填充到两位数。

完整的代码如下所示：

function pad(num){
  return num < 10 ? "0" + num : "" + num;
}

var datetime = new Date();
var year = datetime.getFullYear();
var month = datetime.getMonth() + 1;
var day = datetime.getDate();
var hour = datetime.getHours();
var minutes = datetime.getMinutes();
var seconds = datetime.getSeconds();
var str_datetime = year + "-" + pad(month) + "-" + pad(day) + " " + pad(hour) + ":" + pad(minutes) + ":" + pad(seconds);

document.getElementById("datetime").innerHTML = str_datetime;

获取标准UTC时间

要获取标准UTC时间，我们需要使用JavaScript中内置的Date对象的getUTC()系列方法，这些方法与get()系列方法非常相似，但返回的是UTC时间信息。

以下是获取UTC时间的示例代码：

var datetime = new Date();
var year = datetime.getUTCFullYear();
var month = datetime.getUTCMonth() + 1;
var day = datetime.getUTCDate();
var hour = datetime.getUTCHours();
var minutes = datetime.getUTCMinutes();
var seconds = datetime.getUTCSeconds();

var str_datetime = year + "-" + pad(month) + "-" + pad(day) + " " + pad(hour) + ":" + pad(minutes) + ":" + pad(seconds);

就这样，我们就可以使用Javascript和HTML来获取系统当前时间了！