✨ 点击图片换一张（老婆/猫/狗/二次元） ✨

加载中...

二次元老婆/老公随机图（点击换人）

跟现在的图片 API 类似，但专门出动漫角色单人图，每次刷新随机角色。

// 替换图片 src
img.src = 'https://api.waifu.pics/sfw/waifu?t=' + Date.now();

其他类别：

类别说明 waifu 老婆图 neko 猫耳娘 shinobu 忍野忍 megumin 惠惠 bully 欺负向

随机动漫 Quote（替换一言）

不用换 API 域名，改一下就能用：

fetch('https://animechan.xyz/api/random')
  .then(res => res.json())
  .then(data => {
    // data.quote = 台词内容
    // data.character = 角色名
    // data.anime = 动漫名
    document.getElementById('hitokoto_text').innerHTML = 
      `「${data.quote}」 — ${data.character}（${data.anime}）`;
  });

🎨 视觉类

随机渐变色背景

每天/每次刷新换一种背景色，不占空间。

const colors = ['#ff6b6b', '#4ecdc4', '#45b7d1', '#96ceb4', '#ffeaa7'];
const randomColor = colors[Math.floor(Math.random() * colors.length)];
document.body.style.backgroundColor = randomColor;

随机头像/图标（适合评论区展示）

<img src="https://api.dicebear.com/9.x/pixel-art/svg?seed=随机字符串">

每次刷新头像都不同，适合做默认头像。

📊 数据与信息类

随机名言（多种风格）

和一言类似，但可以限定主题。

风格 API 励志 https://api.quotable.io/random?tags=inspirational 编程 https://api.quotable.io/random?tags=technology 爱情 https://api.quotable.io/random?tags=love 纯文本 https://api.quotable.io/random

随机猫图（Cat as a Service）

<img src="https://cataas.com/cat?t=随机数">

每次刷新出一张猫图，可以加文字水印：https://cataas.com/cat/says/Hello

随机狗狗图

<img src="https://random.dog/woof?t=随机数">

返回随机狗狗照片。

🌈 趣味与娱乐类

随机颜色（带色值）

显示一个随机颜色及其十六进制代码，适合做配色灵感。

const randomColor = '#' + Math.floor(Math.random()*16777215).toString(16);

随机 Bilibili 热门视频封面

fetch('https://api.bilibili.com/x/web-interface/popular')
  .then(res => res.json())
  .then(data => {
    const video = data.data.list[Math.floor(Math.random() * data.data.list.length)];
    img.src = video.pic;  // 封面图
    // video.title = 标题
  });

随机古诗词（中英对照）

fetch('https://v1.jinrishici.com/all.json')
  .then(res => res.json())
  .then(data => {
    // data.content = 诗句
    // data.origin = 出处
    // data.author = 作者
  });

📦 怎么用？

最省事的改法：直接在浏览器控制台（F12）测试，看返回什么数据，再决定要不要加到页面里。

比如测试猫图：

fetch('https://cataas.com/cat')
  .then(res => console.log(res.url));

📅 最后更新：2026-04-19 00:00