Web-dev-Snippets/study-timer/script.js at e0a115b78a147e735be50f6dbeb97852d8d43767 · avincodes/Web-dev-Snippets · GitHub

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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
var timer;
var isPaused = false;
var isReset = false;

function startTimer() {
  var presentTime = document.getElementById("timer").innerHTML;
  var timeArray = presentTime.split(":");
  var minutes = timeArray[0];
  var seconds = timeArray[1];

  if (isReset) {
    startStudy();
    isReset = false;
    return;
  }

  if (seconds == 0) {
    if (minutes == 0) {
      document.getElementById("audio").play();
      return;
    } else {
      minutes--;
      seconds = 59;
    }
  } else {
    seconds--;
  }

  document.getElementById("timer").innerHTML = minutes + ":" + (seconds < 10 ? "0" : "") + seconds;

  if (!isPaused) {
    timer = setTimeout(startTimer, 1000);
  }
}

function startBreak() {
  var presentTime = document.getElementById("timer").innerHTML;
  var timeArray = presentTime.split(":");
  var minutes = timeArray[0];
  var seconds = timeArray[1];

  if (isReset) {
    startBreakTimer();
    isReset = false;
    return;
  }

  if (seconds == 0) {
    if (minutes == 0) {
      document.getElementById("audio").play();
      return;
    } else {
      minutes--;
      seconds = 59;
    }
  } else {
    seconds--;
  }

  document.getElementById("timer").innerHTML = minutes + ":" + (seconds < 10 ? "0" : "") + seconds;

  if (!isPaused) {
    timer = setTimeout(startBreak, 1000);
  }
}

function startStudy() {
  clearTimeout(timer);
  document.getElementById("timer").innerHTML = "25:00";
  isPaused = false;
  isReset = true;
}

function startBreakTimer() {
  clearTimeout(timer);
  document.getElementById("timer").innerHTML = "5:00";
  isPaused = false;
  isReset = true;
}

function pauseResumeTimer() {
  isPaused = !isPaused;
  if (!isPaused) {
    startTimer();
  }
}

function pauseTimer() {
  isPaused = true;
}

function resetTimer() {
  isReset = true;
  startStudy();
}