在網(wǎng)頁(yè)設(shè)計(jì)中，照片通常是必不可少的元素。然而，有時(shí)候我們希望在網(wǎng)頁(yè)中展示的照片能夠按照一定的時(shí)間順序進(jìn)行顯示，這時(shí)候就需要用到HTML照片顯示時(shí)間設(shè)置。

<img src="photo1.jpg" alt="Photo 1" data-time="2019-10-01">
<img src="photo2.jpg" alt="Photo 2" data-time="2019-10-02">
<img src="photo3.jpg" alt="Photo 3" data-time="2019-10-03">

在上面的代碼中，我們?cè)诿繌堈掌臉?biāo)簽中加入了一個(gè)"data-time"的屬性，并分別給它們賦值為不同的日期。這樣一來(lái)，在頁(yè)面中顯示照片的時(shí)候，就可以按照時(shí)間順序進(jìn)行排列。

var photos = document.querySelectorAll("img");
var sortedPhotos = Array.from(photos).sort(function(a, b) {
var timeA = new Date(a.getAttribute("data-time")).getTime();
var timeB = new Date(b.getAttribute("data-time")).getTime();
return timeA - timeB;
});
var container = document.getElementById("photo-container");
for (var i = 0; i< sortedPhotos.length; i++) {
container.appendChild(sortedPhotos[i]);
}

上面的代碼是一個(gè)用JavaScript實(shí)現(xiàn)的照片排序函數(shù)。我們首先用querySelectorAll選出頁(yè)面中的所有照片標(biāo)簽，然后利用sort方法按照每張照片上的"data-time"屬性值進(jìn)行排序。最后，我們將排好序的照片依次添加到一個(gè)指定的容器中。

HTML照片顯示時(shí)間設(shè)置可以讓我們更好地管理網(wǎng)頁(yè)中的照片展示，也為用戶提供了更好的瀏覽體驗(yàn)。