Расширение-таймер в фоновом режиме (Chrome)

267

04 мая 2018, 09:31

Хочу написать расширение , которое будет считать время проведенное в интернет, НО счет начинается только по клику на значок расширения и заканчивает считать , потеряв фокус этого popup-а. Переписал всё c popup.js в background.js - не помогает. Прошу о вашей помощи!) Вот popup.html:

    <!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <span id="timer" style="width:100px;">
<span id="min">0</span><i>:</i>
<span id="sec">0</span><i>:</i>
<span id="milisec">0</span>
<br>
</span>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script src="popup.js"></script>
    </body>
</html>

popup.js:

var milisec = 0;
var sec = 0;
var min = 0;
var timer;
 timer = setInterval(function() {
    $("#milisec").text(milisec);
    milisec++;
    if (milisec == 100) {
      milisec = 0;
      sec++;
      $("#sec").text(sec);
    }
    if (sec == 60) {
      sec = 0;
      min++;
      $("#min").text(min);
    }
  }, 100);

manifest.json:

{
    "name":  "Timer", 
    "version": "1.0",  
    "manifest_version": 2,
"background": {
    "scripts": ["background.js"]
  },
"browser_action": {
    "default_title": "Time in the Internet",
    "default_icon": "icon.png",
    "default_popup": "popup.html"
},
"permissions": [
    "https://ajax.googleapis.com/*"
],
"content_security_policy": "script-src 'self' https://ajax.googleapis.com; object-src 'self'"
}

background.js - чист