home: add marquee, finished statusline
This commit is contained in:
parent
12b390d068
commit
68fd5d70c5
3 changed files with 68 additions and 5 deletions
|
|
@ -20,5 +20,21 @@
|
|||
<pink-statusbar>
|
||||
<status-dot></status-dot>
|
||||
<username>Online</username>
|
||||
<current-date></current-date>
|
||||
</pink-statusbar>
|
||||
</navbar>
|
||||
</navbar>
|
||||
|
||||
<script>
|
||||
const dateEl = document.querySelector('current-date');
|
||||
if (dateEl) {
|
||||
const update = () => {
|
||||
const now = new Date();
|
||||
const h = String(now.getHours()).padStart(2, '0');
|
||||
const m = String(now.getMinutes()).padStart(2, '0');
|
||||
const s = String(now.getSeconds()).padStart(2, '0');
|
||||
dateEl.textContent = `${h}:${m}:${s}`;
|
||||
};
|
||||
update();
|
||||
setInterval(update, 1000);
|
||||
}
|
||||
</script>
|
||||
Loading…
Add table
Add a link
Reference in a new issue