纯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>
划重点
图片文件命名以数字的形式
每月轮换
- 只需要将
var imgSrc = "./img/" + new Date().getDay() + '.jpg';
- 改为
var imgSrc = "./img/" + new Date().getDate() + '.jpg';
原理就是将周的第几天改为获取月的第几天