自动更新Chrome扩展程序计数器

Question

我正在学习如何开发Chrome扩展程序。

我有counter。

这是我的代码：

$(document).ready(function(){

 var i = 0;
  setInterval(function() {
   i++;
   chrome.browserAction.setBadgeText ( { text: i.toString() } );
   chrome.browserAction.setBadgeBackgroundColor({color: "#000"})

  }, 1000);

})

并且只有点击该图标才能使用该计数器，如何让他总是更新，而不仅仅是点击它。

Here是我的manifest.json文件

由于

Answer 1

将其放入background.js

var i = 0;
window.setInterval(function() {
  chrome.browserAction.setBadgeText({text:String(i)});
  i++;
}, 1000);

Answer 2

这是另一个工作变体，其中使用递归而不是SetInterval()函数。

参考YouTube Video

对manifest.json文件

所做的更改

取消"persistent" : true，因为default true的价值为weather.js。

代码已添加到Setinterval()

我使用递归代替//Counter Initialized to Zero var i = 0; (function updateCounter() { //Counter Incremented i++; //Counter is set to Badge chrome.browserAction.setBadgeText({ text: i.toString() }); //Used timeout with same interval setTimeout(updateCounter, 1000); })(); //Badge Background color is set to black $(document).ready(function () { chrome.browserAction.setBadgeBackgroundColor({ color: "#000" }) }) ，有些有趣的差异here

{{1}}