用随机毒鸡汤和打字机效果点亮您的博客！

2023-10-22 15:23:51

让我们一起打造一个拥有随机毒鸡汤和打字机效果的博客首页吧！

获取一个免费的毒鸡汤API。

毒鸡汤API是一种网络服务，可以提供各种毒鸡汤句子。我们可以通过它来获取随机的毒鸡汤句子，并在我们的博客首页显示出来。这里推荐一个免费的毒鸡汤API：https://docs.duojicai.cn/。

在您的博客中添加JavaScript代码。

在您的博客中添加以下JavaScript代码：

<script>
// 毒鸡汤API的URL
const apiUrl = 'https://docs.duojicai.cn/rand';

// 获取毒鸡汤句子的函数
async function getSoup() {
  const response = await fetch(apiUrl);
  const data = await response.json();
  return data.content;
}

// 打字机效果的函数
function typeWriter(element, text, speed) {
  let i = 0;
  let timer = setInterval(() => {
    if (i < text.length) {
      element.textContent += text.charAt(i);
      i++;
    } else {
      clearInterval(timer);
    }
  }, speed);
}

// 获取毒鸡汤句子并显示出来
async function showSoup() {
  const soup = await getSoup();
  const element = document.getElementById('soup');
  typeWriter(element, soup, 50);
}

// 页面加载完成后执行showSoup函数
window.addEventListener('load', showSoup);
</script>