javascript - Two Looping Countdown Timers for Electron App -

-

i have javascript countdown timer trying put electron app. functions similar boxing timer. run countdown, there start/pause , reset buttons. after main countdown completes @ 00:00, code goes second countdown timer, used rest period, in between rounds. when second countdown completes, loops main round countdown. keeps looping until hit start/pause button calls cleartimeout method stop countdown. here issue arrises. start/pause , reset buttons functional while main round countdown function active.

i able have start/pause , reset buttons functional both main round , restperiod countdown functions, unsure of how functionality working on both. there way can "switch" these buttons on being functional while restperiod function running, can avoid having more buttons?

any hints, tips, replies , nudges in right direction appreciated! thank time!

var minutes = 1;  var seconds = 0;  var timer;  var timer_is_on = 0;  var resttimer;  var restmin = 1;  var restsec = 1;  var roundmin = minutes;  var roundsec = seconds;  var starttone = new audio("starttone.mp3");  var stoptone = new audio("stoptone.mp3");    //main countdown    function round() {      roundsec--;      if (roundsec === -1) {      roundsec = 59;      roundmin = roundmin - 1;        if (roundmin < 10) {        roundmin = "0" + roundmin;      }      } else {      roundmin = roundmin;    }      if (roundsec < 10) {      roundsec = "0" + roundsec;    }      document.getelementbyid("counter").style.color = "#363636";    document.getelementbyid("counter").innerhtml = roundmin + ":" + roundsec;      if (roundsec == 0 && roundmin == 0) {        cleartimeout(timer);      roundmin = minutes;      roundsec = seconds;      stoptone.play();      restperiod();      } else {        timer = settimeout(function() {        round();        }, 1000);    }  }    //rest period function    function restperiod() {      restsec--;      if (restsec === -1) {      restsec = 59;      restmin = restmin - 1;      } else {      restmin = restmin;    }      if (restsec < 10) {      restsec = "0" + restsec;    }      document.getelementbyid("counter").style.color = "red";    document.getelementbyid("counter").innerhtml = "0" + restmin + ":" + restsec;      if (restsec == 0 && restmin == 0) {        cleartimeout(resttimer);      restmin = 1;      restsec = 1;      starttone.play();      round();      } else {        resttimer = settimeout(function() {        restperiod();        }, 1000);    }  }    //start , pause button    document.getelementbyid("startpause").addeventlistener("click", startpausecount);    function startpausecount() {      if (!timer_is_on) {      timer_is_on = 1;      round();      document.getelementbyid("startpause").innerhtml = "pause";      starttone.play();      } else {        timer_is_on = 0;      cleartimeout(timer);      document.getelementbyid("startpause").innerhtml = "start";      }  }    //reset button    document.getelementbyid("reset").addeventlistener("click", resetcount);    function resetcount() {      cleartimeout(timer);    roundmin = minutes;    roundsec = seconds;      if (roundmin < 10) {      roundmin = "0" + roundmin;    }      if (roundsec < 10) {      roundsec = "0" + roundsec;    }      document.getelementbyid("counter").innerhtml = roundmin + ":" + roundsec;    }
<body>      <p id="counter">01:00</p>      <div id="startpause" class="button">start</div>    <div id="reset" class="button">reset</div>    </body>


Comments

Post a Comment

Popular posts from this blog

jsf - "PropertyNotWritableException: Illegal Syntax for Set Operation" error when setting value in bean -

-
this question has answer here: how send form input values , invoke method in jsf bean 1 answer i error when trying send values jsf page bean. i want set values fields in bean, create airplane instance , add database. error telling me use illegal syntax setter part of bean. why error? didnt find on site helped me problem. here jsf part: <h4>add plane</h4> <c:if test="#{not empty listairplanebb.error}"> <div class="alert alert-danger"> <span class="glyphicon glyphicon-remove"></span> <h:outputtext value="#{listairplanebb.error}" /> </div> </c:if> <h:form> <table class="table"> <thead> ...
Read more

arrays - Algorithm to find ideal starting spot in a circle -

-
so problem have been debating such: your given array of integers representing circle. then, have pick spot in circle start. place start, compare value @ array number of steps took there , if steps less or equal number, include in final set. find place start have elements in set. ex, a=[0, 1, 2] if start @ index=0, then: a[0]=0 < =0 0 included a[1]=1 < =1 1 included a[2]=2 < =2 2 included final set: {0,1,2} if start @ index=1, then: a[1]=1 > 0 1 not included a[2]=2 > 1 2 not included here loop around a[0]=0 > 2 0 included final set: {0} if start @ index=2, then: a[2]=2 > 0 2 not included, here loop around a[0]=0 < = 1 0 included a[1]=1 < = 2 1 included final set: {0,1} so in trivial case, starting position index=0 best position results in final set elements. brute force method of finding obvious, trying find more efficient method. attempts far have been examine trying find max intersect of viable starting ranges calculated each element in arr...
Read more

php - Autoloader issue not returning Class -

-
problem? bootloader (autoloader) not seem working properly, or i'm missing something. here simplified code. the code below returns class "skeleton" not exist. on index.php file. index.php <?php include 'bootloader.php'; use skeleton\html\loginheader; $tool = new skeleton/html/loginheader(); bootloader.php <?php function boot($classname) { $filename = ''; $namespace = ''; // sets include path "src" directory $includepath = dirname(__file__).directory_separator.'src'; if (false !== ($lastnspos = strripos($classname, '\\'))) { $namespace = substr($classname, 0, $lastnspos); $classname = substr($classname, $lastnspos + 1); $filename = str_replace('\\', directory_separator, $namespace) . directory_separator; } $filename .= str_replace('_', directory_separator, $classname) . '.php'...
Read more