timer/app.js at master · thechestercodes/timer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
const durationInput = document.querySelector("#duration")
const startBtn = document.querySelector("#start")
const pauseBtn = document.querySelector("#pause")
const circle = document.querySelector("circle")

const perimeter = circle.getAttribute("r") * 2 * Math.PI
circle.setAttribute("stroke-dasharray", perimeter)

let duration

const timer = new Timer(durationInput, startBtn, pauseBtn, {
    onStart(totalDuration) {
        duration = totalDuration
    },
    onTick(timeRemaining) {
        circle.setAttribute("stroke-dashoffset",
        perimeter * timeRemaining / duration - perimeter
        )
    },
    onComplete(){
        console.log("timer completed!")
    }
})