Load div on page load and then every n seconds with htmx?

user_398441 0
Viewed 312

With HTMX I know I can poll e.g. "/news" every 2 seconds like this:

<div hx-get="/news" hx-trigger="every 2s">div>

But it takes 2s before the is triggered the first time after page load. What I want to do is to trigger the call to "/news" as soon as the page is loaded and then poll every 2s.

I've tried things such as:

<div hx-get="/news" hx-trigger="on load or every 2s">div>

and

<div hx-get="/news" hx-trigger="on htmx:afterOnLoad or every 2s">div>

But none of this works. How can I do this with HTMX?

(I know this is generally a bad practice with HTMX since you could just include the data from the server in the response, but I'd like to know out of curiosity :))

htmx
1 Answers

You can add multiple triggers separated by comma. So this should probably work:

<div hx-get="/news" hx-trigger="load, every 2s">div>
user_69054990
Related