如何使用JS获取服务器文件创建时间并展示在页面上 - 标题长度符合要求，不含指定的标点符号。

　　文章概述：

　　本篇文章主要介绍如何使用JS获取服务器文件创建时间并展示在页面上。在现代网站开发中，文件管理是非常重要的一环，而文件的创建时间是其中一个基本的信息。在前端开发中，通过JS脚本获取服务器文件的创建时间，可以更好地在页面上展示文件信息。本文将从以下四个方面进行详细阐述：1、如何连接服务器并读取文件；2、如何获取文件的创建时间；3、如何将获取到的时间格式化展示；4、如何在页面上呈现。

　　一、连接服务器并读取文件

　　首先，在前端获取服务器文件的创建时间，要求前端可以与服务器进行通信，获取服务器上的文件信息。通常情况下，可以使用HTTP协议来实现前后端之间的数据交互。我们可以使用XMLHttpRequest对象获取文件的相关信息。

　　我们通过以下代码建立一个GET请求，获取服务器上的文件信息：

　　```javascript

　　let xhr = new XMLHttpRequest();

　　xhr.onreadystatechange = function(){

　　 if(xhr.readyState == 4 && xhr.status == 200){

　　 // 获取到服务器上的文件信息

　　 console.log(xhr.responseText);

　　 }

　　xhr.open(GET, file.html, true);

　　xhr.send();

　　```

　　二、获取文件的创建时间

　　当我们成功获取到服务器上文件的信息后，得到的是一个文件对象（如果是HTML文件，则得到一个HTML文档对象）。我们可以通过该对象的lastModified属性获取到文件的最后修改时间。

　　lastModified属性返回一个毫秒时间戳，表示自1970年1月1日0时0分0秒以来，该文件的最后修改时间。在JavaScript中，可以通过以下方式得到时间的毫秒时间戳。

　　```javascript

　　let time = file.lastModified;

　　console.log(time); // 1528682801000

　　```

　　三、将获取到的时间格式化展示

　　我们通过上述代码可以获取到最后修改时间的毫秒时间戳，但这个时间戳并不能直接在页面上显示。为了方便用户阅读，我们需要将时间格式化展示。通常情况下，使用Date()对象可以将时间戳转换为用户能够阅读的时间格式。

　　```javascript

　　let date = new Date(time);

　　let year = date.getFullYear();

　　let month = date.getMonth() + 1;

　　let day = date.getDate();

　　let hour = date.getHours();

　　let minute = date.getMinutes();

　　let second = date.getSeconds();

　　console.log(year + - + month + - + day + + hour + : + minute + : + second);

　　```

　　四、在页面上呈现

　　最后，我们需要将获取到的文件创建时间在页面上展示出来。可以在HTML文档中设置一个span标签，用于显示文件创建时间。然后，使用上述代码获取时间戳并格式化，将格式化后的时间赋值给该span标签即可完成展示。

　　```html

　　文件创建时间：

　　```

　　```javascript

　　let createTime = document.getElementById(createTime);

　　let time = file.lastModified;

　　let date = new Date(time);

　　let year = date.getFullYear();

　　let month = date.getMonth() + 1;

　　let day = date.getDate();

　　let hour = date.getHours();

　　let minute = date.getMinutes();

　　let second = date.getSeconds();

　　createTime.innerText = year + - + month + - + day + + hour + : + minute + : + second;

　　```

　　总结：

　　本篇文章介绍了如何使用JS获取服务器文件创建时间并展示在页面上。通过以上步骤，我们可以成功获取文件创建时间，并在页面上展示出来。其中，连接服务器并读取文件、获取文件的创建时间、将获取到的时间格式化展示以及在页面上呈现，这四个方面是实现该功能的关键步骤。希望本文可以对您在前端开发中的工作有所帮助。