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/