let data = {
breakLength: 0,
sessionLength: 0,
sessionTimer: 0,
incrementTimer: () => {
console.log(data.sessionTimer = data.sessionTimer + 1);
data.sessionTimer >= 60 ? data.sessionTimer = 0 : data.sessionTimer;
},
activateTimer: () => {
let startTimer = setInterval(data.incrementTimer, 1000);
startTimer;
},
resetTimer: () => {
clearInterval(data.activateTimer);
data.sessionTimer = 0;
}
};
document.querySelector('.start').addEventListener('click', function (e) {
data.activateTimer();
})
document.querySelector('.stop').addEventListener('click', function () {
clearInterval(data.activateTimer);
})
document.querySelector('.reset').addEventListener('click', function () {
data.resetTimer();
})
I cannot get the timer to stop on click, the clear interval is not working can anyone help me as to why? I put the set interval into a variable but it still does not work.
It's not throwing up any errors which is making it more awkward to debug
@KUBIX90 You simply have to save the timer id then use it to clear the timer. This should work
let data = {
breakLength: 0,
sessionLength: 0,
sessionTimer: 0,
timerId: null, // declare the timer id here
incrementTimer: () => {
console.log(data.sessionTimer = data.sessionTimer + 1);
data.sessionTimer >= 60 ? data.sessionTimer = 0 : data.sessionTimer;
},
activateTimer: () => {
data.timerId = setInterval(data.incrementTimer, 1000); // save the timer id
},
resetTimer: () => {
clearInterval(data.activateTimer);
data.sessionTimer = 0;
}
};
document.querySelector('.start').addEventListener('click', function (e) {
data.activateTimer();
})
document.querySelector('.stop').addEventListener('click', function () {
clearInterval(data.timerId); // clear interval using timer id
})
document.querySelector('.reset').addEventListener('click', function () {
data.resetTimer();
})
Can someone help with an issue in building a landing page?
I made the top half of my page using css grid, and the rest more or less with flex-box. But now I want the header which is part of the grid to stay sticky throughout the whole page
so far I have mad it 'position: sticky' 'top:0'
that helped, but it only makes it sticky in the grid section
here is a codepen:
Hello! Can I please ask you for a help with this challenge? https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/smallest-common-multiple/ It passes the tests except two last https://jsbin.com/gavabefuvo/edit?js,console
Has to do something with incrementing the value of multiple
Hopefully thats better
Basically i can't get the numbers to format correctly, they need to be two digits e.g. 01:05 instead of 1:5.
The convertTwoDigit function seems to work OK but can't get it to output to the DOM properly.
i am facing a problem in my react-redux application. I am trying to extract elements using
forEach loop from an array which is present in state but html view only get updated when i switch to another route and come back to same route. i want view to get updated without changing route. Anyone know solution?
minus the semi colon typo
although the above doesnt seem to work for some reason
says data is not defined
which is odd
i still