如何使用javascript根据当前日期更改正文背景？

Question

如何使用JavaScript根据季节更改body背景？

我有以下代码：

 // Return the southern hemisphere season for a date // If no date provided, uses current system date function getSeason(d) { d = d || new Date(); var mon = d.getMonth() + 1; // Adjust to be indexed from 1 var day = d.getDate(); var seasons = ['summer','autumn','winter','spring']; // Do silly seasons here if (mon == 12) { if (day >= 13 && day <= 27) { return 'spring'; } if (day >= 28 && day <= 31) { return 'spring'; } } // If wasn't a silly season, do others mon = Math.floor((mon % 12) / 3); return seasons[mon]; }

 .spring { background: green; } .summer { background: red; } .autumn { background: brown; } .winter { background: aquamarine; }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script> $(document).ready(function(){ document.body.classList.add(getSeason()) }); </script> <body class="getSeason"> Hello There </body>

Answer 1

只需将一个类添加到主体： document.body.classList.add(getSeason())

如何使用javascript根据当前日期更改正文背景？

问题描述

1 个解决方案

解决方案1
2 已采纳 2018-09-18 12:06:32

如何使用javascript根据当前日期更改正文背景？

问题描述

1 个解决方案

解决方案1 2 已采纳 2018-09-18 12:06:32

解决方案1
2 已采纳 2018-09-18 12:06:32