Back to Content

BatteryManager: dischargingtimechange event

files/en-us/web/api/batterymanager/dischargingtimechange_event/index.md

latest1.1 KB
Original Source

{{ApiRef("Battery API")}}{{securecontext_header}}

The dischargingtimechange event of the {{domxref("BatteryManager")}} interface is fired when the battery {{domxref("BatteryManager.dischargingTime", "dischargingTime")}} property is updated.

Syntax

Use the event name in methods like {{domxref("EventTarget.addEventListener", "addEventListener()")}}, or set an event handler property.

js-nolint
addEventListener("dischargingtimechange", (event) => { })

ondischargingtimechange = (event) => { }

Event type

A generic {{domxref("Event")}}.

Example

HTML

html
<div id="level">(battery level unknown)</div>
<div id="chargingTime">(charging time unknown)</div>

JavaScript

js
navigator.getBattery().then((battery) => {
  battery.ondischargingtimechange = () => {
    document.querySelector("#level").textContent = battery.level;
    document.querySelector("#chargingTime").textContent = battery.chargingTime;
  };
});

{{ EmbedLiveSample('Example', '100%', 40) }}

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

  • {{domxref("BatteryManager")}}
  • {{domxref("Navigator.getBattery()")}}