timer - Pause/Resume javascript Pomodoro clock -


i've been working on javascript pomodoro clock. able set session time , break time , counts down without trouble. reason can not pause , resume work. when timer starts capture date.now() , when pause capture current date.now(). find difference , subtract duration, hoping resume @ paused time, still keeps subtracting additional seconds. code (from codepen) below 

$(document).ready(function() {    var total;    var i;    var x;    var y;    var display;    var minutes;    var seconds;    var duration;    var sessioninterval;    var freeze;    var timepast;    var t;    var start;    var clock;      function timer(end) {      total = date.parse(end) - date.parse(new date());      minutes = math.floor((total / 1000 / 60) % 60);      seconds = math.floor((total / 1000) % 60);      return {        'total': total,        'minutes': minutes,        'seconds': seconds      };    }      function begintimer() {      start = date.now();      clearinterval(sessioninterval);      clock = document.getelementbyid('display2');      start = date.now();      sessioninterval = setinterval(function() {        t = timer(duration);        clock.innerhtml = 'minutes:' + t.minutes + '<br>' + 'seconds:' + t.seconds + '<br>';          if (t.total <= 0) {          clearinterval(sessioninterval);            if (i === 0) {            session();            } else if (i === 1) {            breaktime();          }        }      }, 1000);    }      function session() {      duration = new date(date.parse(new date()) + (x * 60 * 1000));      begintimer();      = 1;    }      function breaktime() {      duration = new date(date.parse(new date()) + (y * 60 * 1000));      begintimer();      = 0;    }      $(".sendinput").click(function() {        if (x == null) {        x = 25;        } else {        x = parseint(document.getelementbyid("worktime").value, 10);      }        if (y == null) {        y = 5;        } else {        y = parseint(document.getelementbyid("breakmin").value, 10);      }      session();    });      $(".sendpause").click(function() {      freeze = date.now();      timepast = freeze - start;      clearinterval(sessioninterval);    });      $(".sendresume").click(function() {      if (i === 1) {        duration = new date(((date.parse(new date())) + (x * 60 * 1000)) - timepast);      }        if (i === 0) {        duration = new date(((date.parse(new date())) + (y * 60 * 1000)) + timepast);      }        begintimer();    });    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>    <input type="text" placeholder="break: 5 minutes" id="breakmin">      <input type ="text" placeholder="session: 25 minutes" id="worktime">      <input type="button" value="start" class="sendinput">       <input type="button" value="pause" class="sendpause">      <input type="button" value="resume" class="sendresume">      <div id="display2">  </div>

the major logic problem within resume function not reset start new notional value timepast milliseconds before present. using original start value after pause of undetermined duration not work.

date.parse(new date()) appeared causing problems. without spending time on debugging further, all occurrences of date.parse(new date()) replaced date.now().

so cleaned version of resume function appears work: 

  $(".sendresume").click(function() {     var = date.now();     if (i === 1) {       duration = new date( + x * 60 * 1000 - timepast);     }      if (i === 0) {       duration = new date( + y * 60 * 1000 + timepast);     }      begintimer();     start = - timepast;  // <-- reset notional start time   });

but please test further - may wish investigate why timepast added in 1 calculation of duration , subtracted in other!


Comments

Post a Comment

Popular posts from this blog

How to understand 2 main() functions after using uftrace to profile the C++ program? -

i trying uftrace profile following simple c++ program: #include <iostream> class { public: a() {std::cout << "a created" << std::endl;} ~a() {std::cout << "a destroyed" << std::endl;} }; int main() { a; return 0; } the profile result this: # uftrace a.out created destroyed # duration tid function 2.026 [ 4828] | __cxa_atexit(); [ 4828] | main() { [ 4828] | __static_initialization_and_destruction_0() { 89.397 [ 4828] | std::ios_base::init::init(); 0.768 [ 4828] | __cxa_atexit(); 93.029 [ 4828] | } /* __static_initialization_and_destruction_0 */ 94.425 [ 4828] | } /* main */ [ 4828] | main() { [ 4828] | a::a() { 11.104 [ 4828] | std::operator <<(); 10.825 [ 4828] | std::basic_ostream::operator <<(); 24.514 [ 4828] | } /* a::a */ [ 4828] | a::~a() { 0.978 [ 4828] | ...
Read more

c# - Update a combobox from a presenter (MVP) -

i using mvp in project, new in mvp. have 2 comboboxes. when select option in combobox, combobox should filled new data. this action in presenter. view 'view1' in presenter, , introduced combobox1 , combobox2 properties in 'view1', because need 'datasource', 'displaymember', 'valuemember' , 'refresh()' in method below. but, when using pattern, enough send property like public string combobox2 { { return combobox1.selectedvalue.tosstring(); } } into presenter not whole combobox. how can solve problem? public void onselectedindexchangedcombobox1() { if (view1.combobox1.selectedindex == -1) { return; } datatable dt = tools.getdatatable("a path"); var query = (from o in dt.asenumerable() o.field<string>("afield") == farmerview.combobox1.selectedvalue.tostring() orderby o.field<string>("anotherfield") select...
Read more

How to put a lock and transaction on table using spring 4 or above using jdbcTemplate and annotations like @Transactional? -

i trying put lock on table while writing on table , if happened in between roll-back . trying convert below code lock table test_g1 read; lock table test_g write; -- begin; start transaction; insert test_g1 values(143); insert test_g values(145); select * test_g1; select * test_g; rollback; select * test_g; unlock tables; how convert above code @transactional spring jdbctemplate code? @transactional(rollbackfor={dataaccessexception.class}) public void test(){ jdbctemplate.execute("insert test1 (id, nam) values (4, 'a')"); throw new dataaccessexception("error") { }; } here trying throw error, insert statement should rollback it's not happening . thanks edit-1 attaching code , doing in jdbcdaoimpl.java , mentioned problem comment above test() . app.java package com.cgiri.javabrains.spring4; import org.springframework.beans.factory.annotation.autowired; import org.springframework.context.applic...
Read more