怎么样使用JavaScript编写Chrome扩展实现与浏览器的交互及时间通知？

{
 "name": "My extension",
 ...
 "permissions": [
 "bookmarks"
 ],
 ...
}

chrome.bookmarks.create({'parentId': bookmarkBar.id,
       'title': 'Extension bookmarks'},
      function(newFolder) {
 console.log("added folder: " + newFolder.title);
});

chrome.bookmarks.create({'parentId': extensionsFolderId,
       'title': 'Extensions doc',
       'url': 'http://code.google.com/chrome/extensions'});

{
 "name": "My extension",
 ...
 "permissions": [
 "cookies",
 "*://*.google.com"
 ],
 ...
}

{
 "name": ...
 "version": "1.0",
 "minimum_chrome_version": "10.0",
 "devtools_page": "devtools.html",
 ...
}

chrome.tabs.onCreated.addListener(function(tab) {
 appendToLog('tabs.onCreated --'
    + ' window: ' + tab.windowId
    + ' tab: ' + tab.id
    + ' index: ' + tab.index
    + ' url: ' + tab.url);
});

void addListener(function callback(...))
void removeListener(function callback(...))
bool hasListener(function callback(...))

{
 "name": "My extension",
 ...
 "permissions": [
 "history"
 ],
 ...
}

{
 "name": "My extension",
 ...
 "permissions": [ "management" ],
 ...
}

{
 "name": "My extension",
 ...
 "permissions": [
 "tabs"
 ],
 ...
}

{
 "name": "My extension",
 ...
 "permissions": ["tabs"],
 ...
}

// 注意：没有必要调用 webkitNotifications.checkPermission()。
// 声明了 notifications 权限的扩展程序总是允许创建通知。

// 创建一个简单的文本通知：
var notification = webkitNotifications.createNotification(
 '48.png', // 图标 URL，可以是相对路径
 '您好！', // 通知标题
 '内容（Lorem ipsum...）' // 通知正文文本
);

// 或者创建 HTML 通知：
var notification = webkitNotifications.createHTMLNotification(
 'notification.html' // HTML 的 URL，可以是相对路径
);

// 然后显示通知。
notification.show();

// 在一个通知中...
chrome.extension.getBackgroundPage().doThing();

// 来自后台网页...
chrome.extension.getViews({type:"notification"}).forEach(function(win) {
 win.doOtherThing();
});

{
 // 这个字段将用在安装对话框，扩展管理界面，和store里面，弹出通知的标题
 "name": "系统通知",
 // 扩展的版本用一个到4个数字来表示，中间用点隔开,必须在0到65535之间，非零数字不能0开头
 "version": "1",
 // 描述扩种的一段字符串（不能是html或者其他格式，不能超过132个字符）。这个描述必须对浏览器扩展的管理界面和Chrome Web Store都合适。
 "description": "Shows off desktop notifications, which are \"toast\" windows that pop up on the desktop.",
 // 一个或者多个图标来表示扩展，app，和皮肤
 "icons": {
  "16": "16.png", // 应用的fa网页图标
  "48": "48.png", // 应用管理页面需要这个图标
  "128": "128.png" // 在webstore安装的时候使用
 },
 // 扩展或app将使用的一组权限
 "permissions": ["tabs", "notifications"],
 // Manifest V2 用background属性取代了background_page
 // 这里指定了一个Javascript脚本
 "background": { "scripts": ["background.js"] },
 // Manifest version 1在Chrome18中已经被弃用了，这里应该指定为2
 "manifest_version": 2,

 // manifest_version 2中，指定扩展程序包内可以在网页中使用的资源路径（相对于扩展程序包的根目录）需要使用该属性把资源列入白名单，插入的content script本身不需要加入白名单
 "web_accessible_resources": [
 "48.png"
 ]
}

/**
 * 显示一个时间 notification
 */
function show() {
 var time = new Date().format('yyyy-MM-dd hh:mm:ss');
  // 创建一个notification
  var notification = window.webkitNotifications.createNotification(
  '48.png', // 图片，在web_accessible_resources 中添加了
  '现在的时间是：', // title
  time // body.
  );
  // 显示notification
  notification.show();
}

// 格式化时间函数
Date.prototype.format = function(format){
 var o = {
 "M+" : this.getMonth()+1, //month
 "d+" : this.getDate(), //day
 "h+" : this.getHours(), //hour
 "m+" : this.getMinutes(), //minute
 "s+" : this.getSeconds(), //second
 "q+" : Math.floor((this.getMonth()+3)/3), //quarter
 "S" : this.getMilliseconds() //millisecond
 }
 if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
 (this.getFullYear()+"").substr(4 - RegExp.$1.length));
 for(var k in o)if(new RegExp("("+ k +")").test(format))
 format = format.replace(RegExp.$1,
 RegExp.$1.length==1 ? o[k] :
 ("00"+ o[k]).substr((""+ o[k]).length));
 return format;
}

// 测试浏览器是否支持 webkitNotifications
if(window.webkitNotifications) {
 // 显示通知
  show();
  var interval = 0;
 // 弹出10次
 var times = 10;
 // 创建定时器
  var timer = setInterval(function() {
  interval++;
  // 10秒钟弹出一次
  if (10 <= interval) {
    show();
    interval = 0;
    times--;
    if(times <- 0) clearInterval(timer);
  }
  }, 1000);
}