mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-07-07 22:23:37 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix Clock

Browse Source 
Co-authored-by: Wessel Tip <discord@go2it.eu>
This commit is contained in:
David Ralph
2020-07-16 20:02:26 +01:00
parent 752ce62f24
commit 9c7bfafa23
2 changed files with 21 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/components/Clock.jsx
View File

@@ -11,35 +11,31 @@ export default class Clock extends React.Component {
this.timer = undefined;
}
startTime(time) {
startTime(time = localStorage.getItem('seconds') === 'true' ? (1000 - Date.now() % 1000) : (60000 - Date.now() % 60000)) {
this.timer = setTimeout(() => {
this.startTime();
const t = new Date(); // Get the current date
const a = t.getHours();
let h = t.getHours(); // Get hours
const now = new Date();
let sec = '';
// Seconds
let s = '';
const enabled = localStorage.getItem('seconds');
if (enabled === 'true') s = ':' + ('0' + t.getSeconds()).slice(-2);
const twentyfour = localStorage.getItem('24hour');
if (twentyfour === 'true') {
// this.date = `${('0' + h).slice(-2)}:${('0' + t.getMinutes()).slice(-2)}${s}`;
return this.setState({
date: `${('0' + h).slice(-2)}:${('0' + t.getMinutes()).slice(-2)}${s}`
if (localStorage.getItem('seconds') === 'true') {
sec = `:${('00' + now.getSeconds()).slice(-2)}`;
}
if (localStorage.getItem('24hour') === 'true') {
this.setState({
date: `${('00' + now.getHours()).slice(-2)}:${('00' + now.getMinutes()).slice(-2)}${sec}`
});
} else {
if (h > 12) h = h - 12; // 12 hour support
// this.date = `${('0' + h).slice(-2)}:${('0' + t.getMinutes()).slice(-2)}${s}`;
let hours = now.getHours();
if (hours > 12) hours -= 12; // 12 hour support
this.setState({
date: `${('0' + h).slice(-2)}:${('0' + t.getMinutes()).slice(-2)}${s}`, ampm: a >= 12 ? 'PM' : 'AM'
}); // Set time
}
}, (1000 - Date.now() % 1000));
date: `${('00' + hours).slice(-2)}:${('00' + now.getMinutes()).slice(-2)}${sec}`,
ampm: now.getHours() > 11 ? 'PM' : 'AM'
});
}
this.startTime();
}, time);
}
componentDidMount() {

3
src/scss/modules/_clock.scss
View File

@@ -1,7 +1,8 @@
.clock {
font-size: 4em;
text-shadow: 5px 2px rgba(0, 0, 0, 0.8);
margin: 0;
text-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
// text-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
}
.ampm {