How to change background of body based on current date with javascript?

Question

How do I change the background of my body based on season with javascript?

I have following code:

 // 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())

How to change background of body based on current date with javascript?

Question

1 answers

solution1
2 ACCPTED 2018-09-18 12:06:32

How to change background of body based on current date with javascript?

Question

1 answers

solution1 2 ACCPTED 2018-09-18 12:06:32

solution1
2 ACCPTED 2018-09-18 12:06:32