htmx - 在页面加载时加载 div，然后每隔 n 秒使用 htmx？

Question

使用HTMX，我知道我可以像这样每 2 秒轮询一次例如“/news”：

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

但是在页面加载后第一次触发之前需要 2 秒。我想要做的是在页面加载后立即触发对“/news”的调用，然后每 2 秒轮询一次。

我已经尝试过诸如：

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

和

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

但这些都不起作用。我怎样才能用 HTMX 做到这一点？

（我知道这通常是 HTMX 的一种不好的做法，因为您可以只在响应中包含来自服务器的数据，但出于好奇我想知道 :)）

Answer 1

您可以添加多个以逗号分隔的触发器。所以这应该可以工作：

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