如何从选项页面启动和停止计时器

Question

现在我在我的后台页面中有这个1分钟计时器，它永远运行我希望能够从选项页面启动和停止它。

chrome.browserAction.setBadgeBackgroundColor({color:[0, 0, 0, 255]});

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

Answer 1

Window对象的setInterval()方法以指定的毫秒数间隔重复调用要调用的函数。 setInterval()返回一个opaque值，该值可以传递给clearInterval()以取消对调度函数的任何将来调用。 详细了解Javascript定时器的工作原理 。 有了它你可以写这样的东西：

My.Controller = {};

(function() {  
      var interval = 10;
      var timer = null;

  function init (param) {
    // initialisations if any   
  }

  // Override the default interval of 10 seconds by passing new interval 
  function startAction (param, tInterval) {
    // Set a timer
    var ti = (!tInterval) ? interval : tInterval;
    timer = setInterval(My.Controller.action, ti * 2000);    
  }

  function action () {
    // Logic here
  }

  function stopAction () { clearInterval(timer); }

  var c = My.Controller;
  c.init = init;
  c.startAction = startAction;
  c.stopAction = stopAction;
})(); // end Controller

现在你可以说My.Controller.startAction()启动计时器并且My.Controller.stopAction()停止。

阅读并探索JavaScript中的命名空间 。 希望这可以帮助。