mi pregunta aqui es como pausar y reanudar en intervalo con un solo boton. Mi pause function lo muestra pero no funciona, quiero poner false para luego pasarlo a true y cuando ya es true volver a activar el intervalo, queria hacer algo parecido a lo que esta comentado mas abajo, pero no me va. Gracias
<!DOCTYPE html>
<html lang="es">
<head>
<title>Objeto Window</title>
<meta charset="UTF8"/>
<link rel="stylesheet" href="clearInterval.css">
<body>
<div class="bigBox">
<!-- <button onclick="start()" id="start"type="button" name="button">START</button> -->
<button onclick="desactivar()" id="desactivar"type="button" name="button">DESACTIVAR</button>
<button onclick="ReStartFunction()" id="restart"type="button" name="button">RESTART</button>
<button onclick="pause()"id="pause"type="button" name="button">PAUSAR</button>
<button onclick="stop()"id="stop"type="button" name="button">STOP</button>
</div>
<div id="result"></div></div>
<script>
let count = 0;
let counter = setInterval(timer, 500)
function timer(){
count++;
result.innerHTML = count;
}
function desactivar(){
clearInterval(counter)
}
function ReStartFunction(){
clearInterval(counter);
count = 0;
result.innerHTML = count;
counter = setInterval(timer,500);
restart.innerHTML = 'RESTARTED';
}
function pause(){
let onOff = false;
console.log(onOff);
if (!onOff) {
onOff = true;
console.log(onOff);
clearInterval(counter);
document.getElementById('pause').innerHTML = 'REANUDAR';
} else {
onOff = false;
counter = setInterval(timer, 500);
document.getElementById('pause').innerHTML = 'PAUSAR';
}
}
/*var space = false;
body.onkeydown = function(e){
e.preventDefault();
if (e.keyCode == 32 && space == false) {
space = true;
video.pause();
} else {
space = false;
video.play();
}
}*/
</script>
</body>
</head>
</html>