Fix Dark Mode logic

This commit is contained in:
nanxiaobei 2019-10-17 03:02:35 +08:00
parent 16d7fd6b21
commit c163b43b9a

View File

@ -39,17 +39,21 @@
<!-- Script --> <!-- Script -->
<script> <script>
function setTheme() { function setTheme() {
const prev = Number(localStorage.getItem('time')); const time = new Date();
const now = Date.now();
const prev = localStorage.getItem('date');
const date = String(time.getMonth()) + '.' + String(time.getDate());
const now = time.getTime();
let sunrise; let sunrise;
let sunset; let sunset;
function setBodyClass() { function setBodyClass() {
if (now > sunrise && now < sunset) return; if (now > sunrise && now < sunset) return;
document.body.classList.add('sunset'); document.body.classList.add('dark');
} }
if (now - prev > 24 * 60 * 60 * 10000) { if (date !== prev) {
fetch('https://api.ipgeolocation.io/astronomy?apiKey=5ed37d85103e4defa5df4c5298ed5215') fetch('https://api.ipgeolocation.io/astronomy?apiKey=5ed37d85103e4defa5df4c5298ed5215')
.then(res => res.json()) .then(res => res.json())
.then(data => { .then(data => {
@ -61,13 +65,13 @@
sunset = [19, 0]; sunset = [19, 0];
}) })
.finally(() => { .finally(() => {
sunrise = new Date().setHours(sunrise[0], sunrise[1], 0); sunrise = time.setHours(sunrise[0], sunrise[1], 0);
sunset = new Date().setHours(sunset[0], sunset[1], 0); sunset = time.setHours(sunset[0], sunset[1], 0);
setBodyClass(); setBodyClass();
localStorage.setItem('sunrise', sunrise); localStorage.setItem('sunrise', sunrise);
localStorage.setItem('sunset', sunset); localStorage.setItem('sunset', sunset);
}); });
localStorage.setItem('time', now); localStorage.setItem('date', date);
} else { } else {
sunrise = Number(localStorage.getItem('sunrise')); sunrise = Number(localStorage.getItem('sunrise'));
sunset = Number(localStorage.getItem('sunset')); sunset = Number(localStorage.getItem('sunset'));