pausing/resuming setinterval() and not reset it

Actually i am not that great with JS but i try to learn and i tried solving my own issue for 2 days but i couldn’t fix it so i am here to ask for help. my problem is i am trying to pause and resume count down timer with setinterval(); and when i use clearinterval(); it reset it when i recall setinterval(); again. here is my code:

[CODE]<script type=’text/javascript’>
document.getElementById(‘myVideo’).addEventListener(‘playing’,myHandler,false);
function myHandler(e) {
if(!e) { e = window.event; }

$(“#box”).hide();

var replay = document.getElementById(“replay”);
var container = document.getElementById(‘dl’);
var seconds = 10;
var timer;
var isPaused = false;

function countdown() {
seconds–;

if(seconds > 0 && !myVideo.paused) {
isPaused = false;

if(!isPaused) {

container.innerHTML = ‘<font color=”black”> You can Skip the Ad after <b>’+seconds+'</b> seconds.. </font>’;

}
} else if (seconds > 0 && myVideo.paused)
{
isPaused = true;
clearInterval(timer);
}else {

$(“#dl”).hide();
$(“#MyButton”).css({
‘cursor’:’pointer’,
‘display’:’block’})
$(“#replay”).css({
‘cursor’:’pointer’,
‘display’:’block’,
‘background-color’:’#ffffff’,
‘color’:’#3399ff’,
‘border’:’2px solid #ffffff’,
‘border-radius’ : ’25px’
})
clearInterval(timer);
}
}
timer = window.setInterval(countdown, 1000);
}

</script>
[/CODE]

it works when i pause it but when i play vid again the timer count down from the start (10) and when i remove the clearinterval(); that inside

[CODE]else if (seconds > 0 && myVideo.paused)
{
isPaused = true;
clearInterval(timer);
}[/CODE]

this conditional, it actually kinda work by continue previous count down but bring with it new count down so it like go back and forth between paused second and new one.

what i need to accomplish from this code briefly:

1- when video first time plays which is when the page loads for first time the count down timer begins from (0secs)

2- if user paused the video the count down pause as well with the video.

3- when user play again the video after the pause the count down timer continue counting from second the user did paused at and not from begining.

4- restart back by counting down new 10 seconds when clicking replay button (this replay button don’t show up except when 10 seconds end tho).

point 1,2 and 4 already work in the code i provided above but my all problem is number 3 which is when i play the video again after a pause the count down begins counting from 10 if i include a clearInterval(); in condition of video.paused(); or if i didnt include clearInterval(); it will continue counting down from second i paused from but begining new one from 10 and timer keeps swinging between continued second and new one… if i only can stop new timer from begining it will be great and thats all i want and missing for me.

thats all and hopefully i get help from someone soon

Yours,
Maxwel

Also in #JavaScript _↴