javascript - 在函数中使用设置间隔和获取

标签 javascript setinterval fetch-api

创建函数startShowingMessage它接受两个参数:一个元素和一个作为 URL 的字符串。该函数将使用 setInterval每 1 秒执行一次以下任务:获取 URL 并将响应文本放入提供的元素的文本内容中。

我做了这个函数并且 fetch 工作,但我不知道如何在同一个函数中设置间隔,而不必调用另一个函数。

async function startShowingMessage(elem, url){
  const response = await fetch(url);
  const text = await response.text();
  elem.textContent = text;
}

这些功能部分工作,因为没有间隔。

最佳答案

您可以使用 setInterval为您的需要

function startShowingMessage(elem, url){
  setInterval(async function(){
    const response = await fetch(url);
    const text = await response.text();
    elem.textContent = text;
  }, 1000);     
}

如果您想了解更多here it is on W3Schools

或者官方文档可以找到here on MDN documentation正如 3limin4t0r 所建议的那样

关于javascript - 在函数中使用设置间隔和获取,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58663713/

相关文章:

javascript - 单击事件的重复数据并使用ajax提交表单

javascript - setInterval 无法正常工作

javascript - Fetch API 不适用于 Microsoft Edge 中的非英文字符

javascript - 如何从 php 脚本获取响应文本?

javascript - 如何实现客户端跨源资源共享?

javascript - 为 jasmine(-headless-webkit) 运行的文档样式规范

javascript - 如何显示隐藏元素并滚动到该元素

javascript - 处理元素时 d3 与 svg

javascript - 如何正确使用 setInterval 和 clearInterval 在两个不同的函数之间切换?

javascript - 如何使用 SetInterval 函数和 'if' 使 div 弹出?