Esta página ha sido traducida del inglés por la comunidad. Aprende más y únete a la comunidad de MDN Web Docs.

View in English Always switch to English

BatteryManager.onlevelchange

Disponibilidad limitada

Esta característica no es Baseline porque no funciona en algunos de los navegadores más usados.

¿Quieres que más navegadores sean compatibles con esta característica? Cuéntanos por qué.

La propiedad BatteryManager.onlevelchange especifica un detector de eventos para recibir eventos de levelchange. Estos eventos ocurren cuando el level de batería se actualiza.

Sintaxis

js
navigator.battery.onlevelchange = funcRef;

Donde battery es un objecto BatteryManager, y funcRef es una función que se convoca cuando el evento de levelchange sucede.

Ejemplo

Contenido HTML

html
<div id="level">(nivel de batería desconocido)</div>
<div id="stateBattery">(estado de carga desconocido)</div>

Contenido JavaScript

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

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

Resultado

Especificaciones

Especificación
Battery Status API
# dfn-levelchange
Battery Status API
# dom-batterymanager-onlevelchange

Compatibilidad con navegadores

Véase también