recursion - Why does my javascript countdown timer occasionally over-run? -


as part of web-based educational game, have countdown timer using code follows. mostly, timer stops @ zero, occasionally, over-runs, , continues count down 59:59.

a couple of notes code:

  1. counttime global variable set dropdown menu
  2. stopcount gloabal variable set reset button
  3. leadzero external function used formatting

i understand settimeout not accurate, have thought remtime > 0 condition stop recursion eventually, if missed first time.

anyway, here's code:

function newcount() {     var starttime=new date();     var min=starttime.getminutes();     var sec=starttime.getseconds();     var endtime=(min*60)+sec+counttime;     stopcount=false;      countdown();      function countdown() {         var today=new date();         var m=today.getminutes();         var s=today.getseconds();         var currtime=(m*60)+s;         var remtime=endtime-currtime;         var remmin = math.floor(remtime/60);         var remsec = remtime % 60;          // add 0 in front of numbers<10         remmin=leadzero(remmin);         remsec=leadzero(remsec);          document.getelementbyid('timer').innerhtml=remmin+":"+remsec;          if (remtime > 0 && stopcount==false) {              t=settimeout(function(){countdown()},500);         }         else if (stopcount==false){document.getelementbyid("nextbutton").innerhtml = "finished";}         else {}      }    }

as requested, here code buttons , calling functions ...

buttons:

<button onclick="newsyllable()" id="nextbutton" style="font:60px 'nunito', sans-serif;">start</button>  <button onclick="resetscore()"><span style="font:20px 'nunito', sans-serif;">reset</span></button>

functions:

function resetscore() {     points=0     stopcount=true;     document.getelementbyid("score").innerhtml = "score: " + points     document.getelementbyid("nextbutton").innerhtml = "start"     document.getelementbyid("syllable").innerhtml = "&nbsp;"     t=settimeout(function(){setcountdown()},500); }      function newsyllable() {     if (document.getelementbyid("nextbutton").innerhtml == "finished"){     }     else {         if (document.getelementbyid("nextbutton").innerhtml == "start"){             newcount();         }          document.getelementbyid("nextbutton").innerhtml = "next"           switch (currentunit) {         case "1":             unit1();             break;         case "2":             unit2();             break;         case "3":             unit3();             break;         case "4":             unit4();             break;         case "5":             unit5();             break;         case "6":             unit6();             break;         }         document.getelementbyid("score").innerhtml = "score: " + points++     } }

ok think problem originates way you're calculating remaining time using 2 date objects. simpler way use counttime variable starting time (in seconds), , use 1000 millisecond interval perform countdown. try code instead:

var stopcount = false; var counttime = 10;  function newcount() {     if(stopcount === false) {         var counter=setinterval(countdown, 1000);     }     stopcount = true;      function countdown() {         counttime = counttime - 1;         var remmin = math.floor(counttime/60);         var remsec = counttime % 60;         // add 0 in front of numbers<10         remmin=leadzero(remmin);         remsec=leadzero(remsec);         document.getelementbyid('timer').innerhtml=remmin+":"+remsec;          if (counttime <= 0)         {             clearinterval(counter);             document.getelementbyid("nextbutton").innerhtml = "finished";             return;         }     }    }

jsfiddle: http://jsfiddle.net/5vxbe/8/


-

Comments

Post a Comment

Popular posts from this blog

php - regexp cyrillic filename not matches -

i take list of files php glob(."*.pdf") . files have cyrillic names. example: ООО «Рога и копыта» then load company names database , try find them in file names: preg_match("/$firm_name/ui", $file_name, $match); i have problem: firms if $firm_name visually similar $file_name , preg_match says there no match. mb_detect_encoding both variables return utf-8. there problem in file name, or maybe there encoding or something, can not understand, ask help. upd: $file_name='ООО «Рога и копыта»'; preg_match("/... .Рога и копыта./ui", $file_name, $match); as result, ОО «Рога и копыта» , 1 О missing
Read more

c# - OpenXML hanging while writing elements -

Image
i have program pulls data database, caches file , exports data multiple formats (excel, excel 2003, csv). i'm using openxml sdk 2.0 excel work. these export processes run in parallel (using parallel.foreach ), , amount of data can pretty large - e.g. csvs 800mb. during these larger exports, i've noticed writing of xml documents hang. instance, if have 8 exporting in parallel, @ point "pause". hang around same point: //this.writer openxmlwriter created worksheetpart. this.writer.writeelement(new cell() { cellvalue = new cellvalue(value), datatype = cellvalues.string }); when happens, pause debugger (vs2013 in case) , notice threads blocking around same portion of code - bit deeper in openxml sdk - stem call openxmlwriter.writeelement . i dug through source using justdecompile didn't find answers. appears there intermediary stream in use writing isolated storage , is, reason, blocking. underlying stream each of these filestream . here screenshot ...
Read more

sql - Select Query has unexpected multiple records (MS Access) -

i may tired, can't seem figure out happening. have 2 queries. query 1 has 10 fields. query 2 has 5 fields. fields 1 through 3 same in both queries. trying write select query , simple add field 5 query2 query1 result should query1 additional field (query2.field5). i join first 3 fields both queries , choose select records in query1 , in query2 match. don't know sql, use query designer. expect same number of records have query 1 instead have 3 times or more. can tell me doing wrong. tried reversing joins still seem same records. thanks in advance. here query: the fields in common divisionname , supplierid = vendorid , commodityname . select [part revenue exposed query p1].divisionname, [part revenue exposed query p1].commodityname, [part revenue exposed query p1].suppliername, [part revenue exposed query p1].partnumber, [part revenue exposed query p1].partdescription, [part revenue exposed query p1].bucode, ...
Read more