html5電池狀態相關API

var battery = navigator.battery || navigator.webkitBattery || navigator.mozBattery || navigator.msBattery;
//電池屬性
console.warn("Battery charging:",battery.charging);//true
console.warn("Battery level:",battery.level);//0.58
console.warn("Battery discharging time",battery.dischargingTime);
//添加事件監聽器
battery.addEventListener("chargingchange",function(e){
    console.warn("Battery charge change:",battery.charging);
},false);

以上爲使用方法

這是一個針對移動設備應用程序的API，主要用於檢測設備電池信息。 　

屬性解釋：

• battery.charging 布爾值。表示是否正在充電，若是返回值是true，則表示正在充電。
• battery.chargingTime 數值。PC上值爲0.
• battery.level 數值。0~1. 顯示電池電量的百分比，1表示電量滿血復活。
• battery.dischargingTime 數值或關鍵字字符串。顯示當前電量能使用多長時間。在PC上，此數值爲「無限」，也就是「英菲尼迪」(Infinity)。

方法使用

battery.addEventListener("chargingchange", function (e) {
   // 充電狀態改變的時候會觸發，例如發現正在充電，果斷不使用節能模式。
}, false);
battery.addEventListener("chargingtimechange", function (e) {
   // 還須要充電的時間改變的時候觸發
}, false);
battery.addEventListener("dischargingtimechange", function (e) {
   // 剩餘電量的使用時間改變時候觸發
}, false);

battery.addEventListener("levelchange", function (e) {
   // 電池電量的百分比改變時候觸發
}, false);

原文網址：http://www.zhangxinxu.com/wordpress/2014/01/an-overview-of-html5-battery-api/