javascript - Pomodoro clock canvas ring not registering -


good evening everyone. i'm having trouble bit of code , have been @ few hours. if take in constructor @ this.drawarc , in prototype, i've logged console couple things. can see this.count logs value, this.drawarc not. obviously, this.minutes , this.toseconds work, or timer wouldn't start, why drawarc not register values?? had this(the status ring) working before placing in constructor, reason, no longer registers values. have attached fiddle.

notes: not complete - have re-run if want enter new value input field. once value has been entered input(the small circle above button) can hover on canvas(the larger circle) view countdown. reason on hover don't want see ticking clock , prefer visual of status ring. ideas??? i've been stuck few hours. thank in advance
https://jsfiddle.net/asthewaterfalls/szn0mch1/9/

function pomodoro(userinput) {     this.minutes = userinput;      this.toseconds = 60 * this.minutes;//seconds - actual     this.cout = this.toseconds; //for timer     this.seconds = 0; //display     this.count = 0; //for status ring      this.circlestart = math.pi * 1.5;     this.drawarc = (2 / this.toseconds) * this.count; }  pomodoro.prototype.statusring = function () {     if(this.count <= this.toseconds) {         dom.canv.beginpath();          dom.canv.arc(125, 125, 121, this.circlestart, math.pi * (1.5 + this.drawarc), false);         dom.canv.stroke();         this.count++;         console.log(this.count, this.drawarc);         const timeout = settimeout(() => this.statusring(), 1000 );     } };

i took @ fiddle. 2 small changes got animation blue ring around clock. did not check ratios or angeles.

i made drawarg function, calculating current value argument , this.toseconds max value:

this.drawarc = function(arg){ return (2 / this.toseconds) * arg; };

second, calld function in dom.conv.arc(): 

dom.canv.arc(/*...*/, math.pi * (1.5 + this.drawarc(this.count)), /*...*/);

here complete example:

function pomodoro(userinput) {     this.minutes = userinput;     this.toseconds = 60 * this.minutes;//seconds - actual     this.cout = this.toseconds; //for timer     this.seconds = 0; //display     this.count = 0; //for status ring      this.circlestart = math.pi * 1.5;     this.drawarc = function(arg){ return (2 / this.toseconds) * arg; }; }  pomodoro.prototype.statusring = function () {     if(this.count <= this.toseconds) {         dom.canv.beginpath();          dom.canv.arc(125, 125, 121, this.circlestart, math.pi * (1.5 + this.drawarc(this.count)), false);         dom.canv.stroke();         this.count++;         console.log(this.count, this.drawarc);         const timeout = settimeout(() => this.statusring(), 1000 );      } };

please let me know, if helps ;)


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