BatteryManager.onlevelchange

The BatteryManager.onlevelchange property specifies an event listener to receive levelchange events. These events occur when the battery level is updated.

Syntax

navigator.battery.onlevelchange = funcRef

Where battery is a BatteryManager object, and funcRef is a function to be called when the levelchange event occurs.

Example

HTML

<div id="level">(battery level unknown)</div>
<div id="stateBaterry">(charging state unknown)</div>

JavaScript

navigator.getBattery().then(function(battery) {
  battery.onlevelchange = function(){
    document.querySelector('#level').textContent = battery.level;

    if(battery.charging) {
      document.querySelector('#stateBaterry').textContent =
          "Charging time: " + (battery.chargingTime / 60);
    }
    else {
      document.querySelector('#stateBaterry').textContent =
          "Discharging time: " + (battery.dischargingTime / 60);
    }
  };
});

Specifications

Browser compatibility

See also

• BatteryManager
• Navigator.getBattery