今天在网上,发现一个非常有意思的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