javascript - Trying to understand how to use clearInterval with JS -


this question has answer here:

i using javascript , trying write function make colors blink problem when click on toggle blink button not stop blinking when click stop toggle end button. trying implement clearinterval make stop no luck. appreciated.

function main() {   $('.select-color').on('click', function() {     var selectedcolor = $(this).attr('class');      switch (selectedcolor) {   case 'select-color cyan not-selected':     colorclass = 'cyan';     break;   case 'select-color yellow not-selected':     colorclass = 'yellow';     break;   case 'select-color magenta not-selected':     colorclass = 'magenta';     break;     }     $(this).removeclass('not-selected');     $(this).siblings().addclass('not-selected');   });    var colorclass = '';     $('.box').on('click', function() {         $(this).toggleclass(colorclass);     });    $('.toggle-blink').on('click', function() {     if (colorclass) {         $('.toggle-blink').toggleclass('opacity');     }     setinterval(function() {           $('.box.cyan, .box.yellow, .box.magenta').toggleclass('blink');                       }, 500);      });    $('.toggle-blink-end').on('click', function() {    scope.clearinterval(main);   });  }  $(document).ready(main);

clearinterval() takes intervalid argument, not function reference, need store when calling setinterval() returns given intervalid:

var intervalid ;  intervalid = setinterval( ... );  clearinterval(intervalid);

Comments

Post a Comment

Popular posts from this blog

Is there a better way to structure post methods in Class Based Views -

i'm using class based views in django , never specify url in ajax calls , omit action parameter in form because know these requests go through post method of class based view. notice view - profile page make many requests depending on user updating on page - post method become convoluted , if/else mess example: def post(self, request, *args, **kwargs): # handle user changing available date if request.post.get('availabledate') != none: self.updateavailabledate(request) return jsonresponse({'result':'success'}) if request.post.get('newprojectname') != none: creative_user = creativeuserprofile.objects.get(id = request.user.id) project = project.create_project(creative_user, request.post['newprojectname']) project.save() return jsonresponse({'projectid': project.id }) if request.post.get('projectimage') != none , request.files['file']: proj...
Read more

reflection - How to access the object-members of an object declaration in kotlin -

say have following, nested object declaration: object father { val fathersfield = "value" object child { val childsfield = 3.141592654 } } when use reflection starting father , i'm able find field fathersfield no member referencing child instance. is possible find inner object declarations via reflection? , if so, how? use nestedclasses kotlin-reflect : father::class.nestedclasses.find { it.simplename == "child" } or, @s1m0nw1 suggested, use java reflection , convert class kclass .kotlin if needed: father::class.java.classes.first { it.simplename == "child" }.kotlin
Read more

php - Doctrine Query Builder Error on Join: [Syntax Error] line 0, col 87: Error: Expected Literal, got 'JOIN' -

i building shipping system ecommerce site using doctrine. have appropriate shipping methods , prices based on product , region data in checkout. i using following code querybuilder: $shippingpricereccords = $this->em->createquerybuilder() ->select('price') ->from('ordershippingprice', 'price') ->innerjoin('ordershippingmethod', 'method', 'price.fkordershippingmethod = method.id') ->innerjoin('ordershippingmethodregionmapping', 'map', 'map.fkordershippingmethod = method.id') ->where('price.fkproducttype = :fkproducttype') ->andwhere('price.fkbrand = :fkbrand') ->andwhere('map.fkregion = :fkregion') ->setparameters([ 'fkproducttype' => $fkproducttype, 'fkbrand' => $fkbrand, ...
Read more