iT邦幫忙

DAY 10
1

Chrome Extension 開發筆記系列 第 10

Chrome Extension 筆記(10)Chrome 的定時器 Alarms

  • 分享至 

  • xImage
  •  

雖然在 javascript 裡也有類似的 setTimeout 和 setInterval 可以用,
不過它們兩個在一些動畫、異步處理上反而更常用到,
所以有提供 Alarms 的話, 還是放心把定時的事交給它吧.

manifest.json

{
   "manifest_version": 2,
   "name": "ironman6",
   "version": "1.0",
   "browser_action": {
      "default_popup": "index.html"
   },
   "permissions": [
      "alarms"
   ]
}

index.html

        <title>ironman6</title>
        <style>body {width: 500px;}</style>
    
    
        <div id="content"></div>
        <script src="app.js"></script>
    

app.js

chrome.alarms.create('ironman6', {
	periodInMinutes : 0.1,
	when : Date.now()
});

chrome.alarms.onAlarm.addListener(function() {
	var content = document.querySelector('#content');
	content.innerHTML += '<p>' + Date().toLocaleString() + '</p>';
});

需要注意的是定時器的限制為每分鐘最多一次,
不過為了方便測試, 在還沒打包成 crx 前都不會有此限制,
上面的 DEMO 就是以 0.1 分鐘(六秒)在跑的.


上一篇
Chrome Extension 筆記(09)繞過限制, 執行任意 javascript
下一篇
Chrome Extension 筆記(11)取得所有已安裝的套件清單
系列文
Chrome Extension 開發筆記27
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言