首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js图片轮播功能

页面里有个图片轮播功能,最近重新看了这块儿的代码,总结了下,同时拿来分享给大家

window.onload=function(){

var img=document.getElementById("img");

var n=0;

//定时器 1000毫秒=1秒

setInterval(function() {

//执行的代码

n++;

if (n>=18) {

n=1

}

if (n

img.src="img/0"+n+".png";

} else{

img.src="img/"+n+".png";

}

},1000);

}

-------------------------------------------------------------

图片素材

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20191026A0N91L00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券