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

angular - DownloadURL return null in below code -

when change file updated in firebase storage when try downloadurl show null. filechange(event: any) { const imagefolder: string = this.employee.id; const filelist: filelist = event.target.files; const file: file = filelist[0]; const storageref = firebase.storage().ref().child(`${imagefolder}/profile.jpg`).put(file); console.log(storageref.snapshot.downloadurl); } the put() asynchronous. if want url after file uploaded have this: firebase.storage().ref().child(`${imagefolder}/profile.jpg`).put(file).then((snapshot) => { storageref = snapshot.downloadurl: console.log(snapshot.downloadurl); });
Read more

python 2.7 - Given three nested dictionaries, sort the top two nested dictionaries from a value in the innermost dictionary? -

i trying sort both outermost dictionary , "middle" dictionary value of "cal" (highest first) in innermost dictionary. accomplish using ordereddict. given example below, trying accomplish: for foods, order food subtypes highest calorie content (i.e - pizza, pesto should appear first because has higher calories when compared cheese. order foods highest calorie content (i.e - pizza should appear first has subtype more calories other food) i have following data: foods = { "apple": { "red": { "cal": "1", "taste": "4" }, "green": { "cal": "2", "taste": "6" } }, "pizza": { "pesto": { "cal": "200", "taste": "9" }, "cheese": { ...
Read more