-
Notifications
You must be signed in to change notification settings - Fork 537
/
scripts-START.js
61 lines (51 loc) · 1.35 KB
/
scripts-START.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
const endTime = document.querySelector(".display__end-time");
const leftTime = document.querySelector(".display__time-left");
const buttons = document.querySelectorAll("button");
const date = new Date();
var left = 0;//剩余时间
var end = 0;//结束时间
var timer;//interval计时器
leftTime.innerHTML = left;//未操作时,剩余时间显示0
//为button绑定点击事件
const arr = Array.from(buttons);
arr.map(function(item){
item.addEventListener('click',clickAction);
});
//监听自定义输入
document.customForm.addEventListener('submit',function(e){
e.preventDefault();
updateTime(this.minutes.value*60);
updateTimer();
});
//定义点击后的回调
function clickAction(e){
let deltaTime;
deltaTime = this.dataset.time;
updateTime(deltaTime);
//点击后更新计时器
updateTimer();
}
//updateTime
function updateTime(delta){
left = left + parseInt(delta,0);
end = date.getTime() + left*1000;
leftTime.innerHTML = left;
endTime.innerHTML =new Date(end).toLocaleTimeString();
}
//每秒刷新时间
function updateTimer(){
//清除以前的timer
if(timer){
clearInterval(timer);
}
// 设置新的Timer
timer = setInterval(function(){
if(left == 0){
endTime.innerHTML = 'End';
clearInterval(timer);
}else{
left -= 1;
leftTime.innerHTML = left;
}
},1000);
}