jquery - clearinterval is not working for the following code -

what's wrong code, unable stop setinterval.

error: changedhandler_bb undefined.

...

var changedhandler_bb = setinterval(function() {      $("#wc_room_container_bb").addclass('active_chat_block_blink_effect');      settimeout(function() {         $("#wc_room_container_bb").removeclass('active_chat_block_blink_effect');     }, 500);  }, 1000); 

...

$("#wc_block_bb").click(function(){      var newid = $("#latestlastid_bb").val();      $("#worldchat_last_id_bb").val(newid);      clearinterval(changedhandler_bb); }); 

as per comment's above - defined changedhandler_bb inside function. need define in outer scope become accessible in functions

try -

var changedhandler_bb;  function somefunction() {     changedhandler_bb = setinterval(function () {         $("#wc_room_container_bb").addclass('active_chat_block_blink_effect');         settimeout(function () {            $("#wc_room_container_bb").removeclass('active_chat_block_blink_effect');         }, 500);     }, 1000); } $("#wc_block_bb").click(function () {     var newid = $("#latestlastid_bb").val();     $("#worldchat_last_id_bb").val(newid);     clearinterval(changedhandler_bb); });