JS控制图片延时加载
一个页面有100个大图我不想让图片一次性并发下载完，而是一次性下载10张，等待10秒，再下载10张，这样类推。跪求JS代码！...
一个页面有100个大图 我不想让图片一次性并发下载完，而是一次性下载10张，等待10秒，再下载10张，这样类推。跪求JS代码！
展开
展开全部
<body>
<table>
<%for m=0 to 9%>
<tr>
<%for i=0 to 9%>
<td id="img<%=m*10+i%>" width="120">准备加载,请稍等</td>
<%next%>
<tr>
<%next%>
</table>
<script>
var timer,m=0;
function showImg(){
for(var i=0;i<=9;i++){
document.getElementById("img"+(m*10+i)).innerHTML="<img src='images/load.gif'>";
}
m++;
if(m<10){timer=window.setTimeout("showImg()",2000);}
else{window.clearTimeout(timer); alert("全部显示结束")}
}
showImg();
</script>
</body>
<table>
<%for m=0 to 9%>
<tr>
<%for i=0 to 9%>
<td id="img<%=m*10+i%>" width="120">准备加载,请稍等</td>
<%next%>
<tr>
<%next%>
</table>
<script>
var timer,m=0;
function showImg(){
for(var i=0;i<=9;i++){
document.getElementById("img"+(m*10+i)).innerHTML="<img src='images/load.gif'>";
}
m++;
if(m<10){timer=window.setTimeout("showImg()",2000);}
else{window.clearTimeout(timer); alert("全部显示结束")}
}
showImg();
</script>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
七鑫易维信息技术
2024-09-02 广告
Play Video 七鑫易维是致力于机器视觉和人工智能领域的高新科技企业，迄今已专注眼球追踪技术的研发、创新与应用超过14年，拥有完全自主知识产权，全球专利总量655余项。 作为眼球追踪技术领域的全球知名品牌，七鑫易维的产品体系覆盖眼动分...
点击进入详情页
本回答由七鑫易维信息技术提供
展开全部
这里有一个lazyload即延迟加载效果
拖动滚动条可以加载显示的数据
里面有教程和源码
拖动滚动条可以加载显示的数据
里面有教程和源码
参考资料： http://www.blueidea.com/common/shoutbox/redir.asp?1=u&id=11641
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
