「JS」教你在控制台里玩小游戏，看完涨姿势了

最新推荐文章于 2023-11-26 17:37:18 发布

K_null.

最新推荐文章于 2023-11-26 17:37:18 发布

阅读量3.2k

点赞数 1

文章标签： javascript css 前端 html

本文链接：https://blog.csdn.net/m0_56732260/article/details/121666091

版权

JavaScript setTimeout 动态背景图片位置百分比动画

关键词由CSDN通过智能技术生成

让我们先看效果

代码

    for (let i = 0; i < 9999; i++) {
      setTimeout(() => {
        console.log('%c ', `
            font-size:100px;
            padding-left:1000px;
            background:url(http://www.sucaijishi.com/uploadfile/2017/0103/20170103043012713.gif) no-repeat;
            background-size:60px;
            background-position:${i/3}% ${50+Math.sin(i/3)*50}%;
            `);
      }, i * 100)
    }