使用 javascript/Jquery 在日期動態更改 class 的背景圖像？

Question

我正在嘗試根據季節更改主頁的背景圖像，例如從 spring.jpg 更改為 summer.jpg。 到目前為止我所寫的，

var currentDate=="12/01/2020";
if (currentDate==True){
    document.body.background = "spring.jpg";
}else{
    document.body.background = "summer.jpg"; 
}

只是想知道我離我有多遠，如果這是可能的

Answer 1

請像下面提到的那樣使用它，它對你有用。

var currentDate == "12/01/2020";
if (currentDate == True) {
    document.body.style.backgroundImage = "url('spring.jpg')"; 
}else { 
    document.body.style.backgroundImage = "url('summer.jpg')"; 
}

Answer 2

是的，這是可能的。

我認為

定義季節持續時間

const SEASONS = { SPRING: {fromDate - toDate}, SUMMER: {fromDate - toDate}, ... }

檢查today是什么季節（開關 - 案例），然后通過以下方式應用圖像：

document.body.style.backgroundImage = "url('season.png')";

參考這個鏈接

Answer 3

定義季節的方法有很多種，但對於簡單的以 3 個月定義季節的方法，我們可以使用 @omgaz 在Javascript 編碼中給出的簡單公式：輸入特定日期，Output 季節

 const getSeason = d => Math.floor((d.getMonth() / 12 * 4)) % 4 let IamInTheNorthernHemisphere = true; //change to false if you are in the Southern hemisphere let seasons = IamInTheNorthernHemisphere? ['Winter', 'Spring', 'Summer', 'Autumn']: ['Summer', 'Autumn', 'Winter', 'Spring']; document.body.style.backgroundImage = "url(" + seasons[getSeason(new Date())] + ".jpg)"; alert(document.body.style.backgroundImage);

 <body> </body>

使用 javascript/Jquery 在日期動態更改 class 的背景圖像？

問題描述

3 個解決方案

解決方案1
0 2021-01-12 09:45:56

解決方案2
0 2021-01-12 09:55:39

解決方案3
0 2021-01-12 10:09:41

使用 javascript/Jquery 在日期動態更改 class 的背景圖像？

問題描述

3 個解決方案

解決方案1 0 2021-01-12 09:45:56

解決方案2 0 2021-01-12 09:55:39

解決方案3 0 2021-01-12 10:09:41

解決方案1
0 2021-01-12 09:45:56

解決方案2
0 2021-01-12 09:55:39

解決方案3
0 2021-01-12 10:09:41