topic How would you debounce the response of a timeslider? in ArcGIS JavaScript Maps SDK Questions

How would you debounce the response of a timeslider?

Josh-R — Thu, 11 Jan 2024 23:49:39 GMT

Currently, when you move the timeslider reactiveutils.watch() picks up every individual movement (e.g. it would register every year between 1850 and 1900) along the timeslider. Its potentially too many responses, if you want to do something like setting a definition expression using the slider value. I only want to get the ending time extent once the I've released the mouse button. Thanks!

Re: How would you debounce the response of a timeslider?

UndralBatsukh — Tue, 16 Jan 2024 23:11:30 GMT

Hi there,

You could listen to the pointer-up event on the timeSlider div to achieve what you are trying to do. Here is a codepen showing how it is done. https://codepen.io/U_B_U/pen/abMJdaL?editors=1000

The following is the how you can do it.

document.getElementById("timeSlider").addEventListener("pointerup",(event) => { console.log("here is your time extent", timeSlider.timeExtent); });

You could also debounce when watching timeExtent using the debounce function technique mentioned in this article: JavaScript Debounce Function (davidwalsh.name)

Hope this helps,

-Undral

Re: How would you debounce the response of a timeslider?

Josh-R — Wed, 17 Jan 2024 21:39:34 GMT

I ended up going with the "pointerup" method. Exactly what I was looking for. Thank you!!