MENU

JavaScript-<script>标签局部定时刷新

• November 2, 2019 • Read: 1585 • 技术学习

自2019.10.25音乐阁添加“一言”后,相比于随每次刷新而变化,个人认为还是如官网一样,每隔几秒自动刷新体验更佳。由于在此之前没有深入学习过相关知识,本应简单的操作断断续续花费了几天的时间

功夫不负有心人,经过网络搜索和计算机协会某位前辈的引导,终于在2019.11.2 1:28成功实现

以下问答内容起了重要作用:JS定时循环访问 非常感谢~
代码实现部分:

<span id="hitokoto">:D 获取中...</span> ——<span id="from"></span>
<script defer="defer">
function load(){
  var xhr = new XMLHttpRequest();
  xhr.open('get', 'https://v1.hitokoto.cn');
  xhr.onreadystatechange = function () {
    if (xhr.readyState === 4) {
      var data = JSON.parse(xhr.responseText); //获得字符串形式的响应数据。
      var hitokoto = document.getElementById('hitokoto');
      var fromm=document.getElementById("from")
      fromm.innerText=data.from;
      hitokoto.innerText = data.hitokoto;
    }
  }
  xhr.send();
}
window.onload = function(){
    setInterval("load()",8000); //八秒刷新一次
}
</script>

setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

提示: 1000 毫秒= 1 秒。

提示: 如果你只想执行一次可以使用 setTimeout() 方法。

千里之行始于足下,基础还需打实!

Last Modified: February 11, 2020