22 lines
678 B
JavaScript
22 lines
678 B
JavaScript
import {Controller} from "@hotwired/stimulus"
|
|
|
|
// Connects to data-controller="timer"
|
|
export default class extends Controller {
|
|
static targets = ["output"]
|
|
|
|
connect() {
|
|
this.updateTime()
|
|
this.interval = setInterval(() => this.updateTime(), 1000)
|
|
}
|
|
|
|
disconnect() {
|
|
clearInterval(this.interval)
|
|
}
|
|
|
|
updateTime() {
|
|
const now = new Date()
|
|
this.outputTarget.textContent = `${now.getFullYear()}년 ${String(now.getMonth() + 1).padStart(2, '0')}월 ${String(now.getDate()).padStart(2, '0')}일 ` +
|
|
`${String(now.getHours()).padStart(2, '0')}시 ${String(now.getMinutes()).padStart(2, '0')}분 ${String(now.getSeconds()).padStart(2, '0')}초`
|
|
}
|
|
}
|