Got stuck on Pomodoro Clock assignment. I created two functions for session and break. Break function is suppose to be invoked, when session time will run out, but instead my clock starts counting negative values. And starts when page is loaded instead of on a click event. https://codepen.io/Anastasyya/full/GmgbOZ/
$(document).ready(function(){
function showTime(time) {
var min = Math.floor(time/60);
var sec = Math.round(time%60);
if (sec < 10) {
sec = '0' + sec
}
var timeString = min+':'+sec
$('#pomodoro_button_text').text(timeString)
}
var sessionTime = 15;
var breakTime = 5;
$( ".pomodoro_button" ).click(sessionTimer());
function sessionTimer() {
if(sessionTime >= 0){
return setInterval(function() {
sessionTime--;
showTime(sessionTime);
}, 1000);
}
else {
console.log("work done");
breakTimer();
}
}
function breakTimer() {
if(breakTime >= 0){
return setInterval(function() {
breakTime--;
showTime(breakTime);
}, 1000);
}
else {
sessionTimer();
}
}
});