0
点赞
收藏
分享

微信扫一扫

JS每日自动换图_周图&月图——纯JS


纯JS做每日换图,是非常简单的

  • 换图的常规频率为周轮和月轮
  • 思路是相同的
  • 当然也可以使用定时器来做自定义时间段的轮播式
  • 每日换图可以认为是轮播的衍生或者它衍生了轮播,都可以

为便于理解,不展示body标签以外的代码
😮😮你没看错就是这么一丢丢 😃
划重点

<body>

<img id="img" width="80%">

<script>
//只找了7张图
//每周轮换
var imgSrc = "./img/" + new Date().getDay() + ".jpg";
document.getElementById("img").src = imgSrc;
console.log(imgSrc);
</script>

</body>

划重点

图片文件命名以数字的形式

JS每日自动换图_周图&月图——纯JS_图片轮换


每月轮换

  • 只需要将
    ​​​var imgSrc = "./img/" + new Date().getDay() + '.jpg';​
  • 改为
    ​​​var imgSrc = "./img/" + new Date().getDate() + '.jpg';​

原理就是将周的第几天改为获取月的第几天


举报

相关推荐

0 条评论