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

Question

HTMX 我知道我可以投票，例如“/新闻”每 2 秒这样：

<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>

但是 none 这行得通。我如何使用 HTMX 执行此操作？

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

Answer 1

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

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

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