javascript - ClearInterval() does not work on existing interval -

-

i have written following function school project, clearinterval() not working. have looked @ several questions same problem , problem scope of time.
however, think function uses global variable, should work. doesn't, , have no idea why. please enlighten me.

html (actually part of table similiar rows)

<tr id="row35" data-uitval="1" class="">     <td>         <button type="button" id="knopje" class="tabeluur" data-uur="35" onclick="check(this)">             <p>✕</p>         </button>     </td>     <td> other cells... </td> </tr>

code (javascript, in <head>-tag)

var fadingfunc; var busy = false;  function check(uurid) {     if(busy) {         $('#foutmelding').html('uw vorige bewerking loopt nog. wacht totdat deze afgelopen.')     } else {         uitval(uurid);     }; };  function uitval(uurid) {      // makes button child (<p>) fade out , in continuously     fadingfunc = window.setinterval(fadeblink(uurid), 2000);      $.post(         'answerme.php',          {         // send stuff         },          function(data) {             if(data === 'succes: uitval toegevoegd') {                 window.clearinterval(fadingfunc);                 // stuff             } else if(data === 'succes: uitval verwijderd') {                 window.clearinterval(fadingfunc);                 // stuff             } else {                 window.clearinterval(fadingfunc);                 // stuff             };         }     ); };

note 1: stripped code something, since irrelevant question.
note 2: tested on computer (localhost, google chrome) , fadingfunc hold value in global scope (tested via console in developers mode)

so if got - want x inside button blink while post request waiting response.

your code there not using setinterval correctly , choosing poor approach achieve that. first fix code , check out approach using css animation.

to fix code:

  1. code must placed inside <head> tag since using inline call.
  2. remove window. not needed - use setinterval( instead of window.setinterval.
  3. when setting actuall interval function wrap target function function -setinterval(function(){ fadeblink(uurid); }, 2000)

see work: jsfiddle

the second approach think better add class before request , remove when done. class obviuslly animated.

second approach: jsfiddle

second appraoch code:

js

var busy = false; function check(uurid) {     if(busy) $('#foutmelding').html('uw vorige bewerking loopt nog.');     else uitval(uurid); } function uitval(uurid) {     $(uurid).addclass('blink');     busy = true;     $.post('http://fiddle.jshell.net/_display/',             { test:'test' },             function() {               $(uurid).removeclass('blink');               busy = false;            }     ); }

css

.blink p { -webkit-animation-name: blinker; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite;  -moz-animation-name: blinker; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite;  animation-name: blinker; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; }  @-moz-keyframes blinker {   0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } }  @-webkit-keyframes blinker {   0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } }  @keyframes blinker {   0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } }

Comments

Post a Comment

Popular posts from this blog

node.js - Mongoose: Cast to ObjectId failed for value on newly created object after setting the value -

-
this question has answer here: what's mongoose error cast objectid failed value xxx @ path “_id”? 7 answers even though has been asked many times because entity has no valid objectid field. i came across situation objectid set value can casted objectid still error. the schema: var serviceschema = parammongoose.schema({ servicename:{ type: parammongoose.schema.types.objectid , ref: 'servicenames',required:true } }); pseudo code: servicefromdb=new service({servicename:'some name'}); servicefromdb.servicename='000000000000000000000001'; servicefromdb.save(function(paramerror,paramdata){ if(paramerror){ console.log('but but...',servicefromdb,paramerror) } }); the output of code is: but but... { servicename: 000000000000000000000001, _id: 55079a90286f49280364f78b } { [casterror: cast objectid faile...
Read more

gradle error "Cannot convert the provided notation to a File or URI" -

-
i have defined 2 system properties in gradle.properties: systemprop.builddir=build systemprop.cfgdir=build\\cfg and have following task defined in build.gradle: task clean(group:'clean',description:'clean project') << { ant.sequential { delete(dir: system.properties.builddir) mkdir(dir: system.properties.builddir) delete(dir: system.properties.cfgdir) mkdir(dir: system.properties.cfgdir) } } this generates following error: execution failed task ':clean'. > cannot convert provided notation file or uri: {dir=build}. following types/formats supported: - string or charsequence path, e.g 'src/main/java' or '/usr/include' - string or charsequence uri, e.g 'file:/usr/include' - file instance. - uri or url instance. but equivalent block of code not generate error , works expected: task clean(group:'clean',description:'clean project') << { ...
Read more

python - NameError: name 'subprocess' is not defined -

-
i'm trying make rng website: http://jamesdotcom.com/?p=417 . when run following code: captureimage = subprocess.popen( [ "fswebcam", "-r", "356x292", "-d", "/dev/video0", "static.jpg", "--skip", "10" ], stdout=devnull, stderr=devnull) captureimage.communicate() i following error message: nameerror: name 'subprocess' not defined what should do? thanks have imported first? import subprocess captureimage = subprocess.popen(["fswebcam", ...) subprocess included in python standard library since python 2.4. should not necessary install it.
Read more