立即登录 马上注册
首页 › 开发帮助文档 › 开发技术 › 前端基础 - HTML定时轮播图片

赞

评论

收藏

[jQuery] 前端基础 - HTML定时轮播图片

开发技术 开发技术 发布于：2021-07-08 09:33 | 阅读数：459 | 评论：0

　　定时轮播图片　　效果图（图片一直轮流切换）：
DSC0000.png
　　代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>轮播图测试</title>
<script>
window.onload = function(){
window.setInterval(changePic,1000);
}
var num = 1;
function changePic(){
++num;
if(num == 4){
num = 1;
}
var imgElement = document.getElementById("img1");
imgElement.src = "img/"+num+".jpg";
}
</script>
</head>
<body>
<img id="img1" src="img/1.jpg" width="100%" />
</body>
</html>

　　
关注下面的标签，发现更多相似文章
免责声明：

1. 本站所有资源来自网络搜集或用户上传，仅作为参考不担保其准确性！

2. 本站内容仅供学习和交流使用，版权归原作者所有！© 查看更多

3. 如有内容侵害到您，请联系我们尽快删除，邮箱：kf@codeae.com

分享到： QQ好友和群QQ好友和群 QQ空间QQ空间

举报

返回列表
相关帖子
avatar
1098 经验
1095 文档
OPNE在线字典
  • 手机版| 免责声明|
2021-2025  版权所有：CodeAE代码之家   
粤ICP备2023096576号-2