日期: 2024 年 11 月 13 日

随机返回二次元老婆

今天在网上，发现一个非常有意思的API，很适合我这个二次元爱好者：“获取二次元图片接口”，API地址文档如下：https://docs.loliapi.com/，于是，基于此，我有了一个有趣的想法，开发了一个小页面：随机5秒钟换新老婆。具体代码如下：

<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width; height=device-height;">
        <title>5秒随机返回老婆</title>
        <style>
            body {
                display: flex;
                justify-content: center;
                align-items: center;
                min-height: 100vh;
                margin: 0;
            }
            img {
                max-width: 100%;
                height: auto;
            }
        </style>
        <script type="text/javascript">
            window.onload = function() {
                setInterval(function(){
                    change();
                },5000);
            }
            function change()
            {
                var time=new Date().getTime();
                const img = document.getElementById("targImg");
                const randomImage = "https://www.loliapi.com/acg/?time="+time;
                
                // 更新图片src
                img.src = randomImage;
                img.alt = randomImage;
            }
        </script>
    </head>
    <body>
        <img id="targImg" src="https://www.loliapi.com/acg/?time=11" alt="https://www.loliapi.com/acg/?time=11">
    </body>
</html>

实现后，效果还是非常赞的，很适合我这个宅男

下面，我们看看预览的效果：点此地址跳转

再次，特别感谢网友：LoliApi