Расширение Chrome продолжает анимировать значок

Question

Я пытаюсь создать расширение с динамическим значком.В этот момент я могу нажать кнопку «Пуск», и анимация пиктограммы запускается.

В настоящее время проверяется, что если она работает, я просто увеличиваю значение переменной и отображаю ее в виде текста значка.

          // timeout variable    -------->    // think of better way to avoid global variable
            var isRunning = false; // semaphore variable to make sure only one instance of the function is running
            var t = 0;   
            var test_clock = function(message){
                var i = 0;
                var myLoop = function() {
                    chrome.browserAction.setIcon({ path: 'project_timesheet_synchro/static/src/img/icon.png' });
                    chrome.browserAction.setBadgeText({
                        'text': '' + (i++),
                    });
                }
                if (!isRunning && message == "start") {     // if not running           
                    //if(message == "start"){
                        isRunning = true;
                        t = setInterval(function () { myLoop() }, 1000);  // keep animating till clearInterval() is called in stop()
                    //}
                }
                else if (message == "stop") {   // to stop the clock animation loop
                    clearInterval(t);
                    isRunning = false;
                    chrome.browserAction.setIcon({ path: 'project_timesheet_synchro/static/src/img/icon.png' });
                    chrome.browserAction.setBadgeText({
                        'text': '',
                    });
                }
            }

Как только я закрываю всплывающее окно, иконка перестает анимироваться.Я хочу продолжить анимацию, когда всплывающее окно закрыто.

Как мне управлять им, чтобы оно работало в фоновом режиме. Я не добавил всплывающий HTML, так как уверен, что в нем нет проблем.

Заранее спасибо.