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

Question

使用HTMX，我知道我可以每 2 秒轮询一次“/news”，如下所示：

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

但页面加载后第一次触发需要2s时间。我想做的是在页面加载后立即触发对“/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>