我正在学习如何开发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文件
由于
答案 0 :(得分:1)
将其放入background.js
var i = 0;
window.setInterval(function() {
chrome.browserAction.setBadgeText({text:String(i)});
i++;
}, 1000);
答案 1 :(得分:1)
这是另一个工作变体,其中使用递归而不是SetInterval()
函数。
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}}