html5电池状态相关API-优快云博客

本文详细介绍了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/　

转载于:https://www.cnblogs.com/waisonlong/p/5522522.html