分享

如何利用js获取网页图片的加载时间

 kevin2006 2007-01-30
比如我们打开一个网页,我想通过js获取图片的加载的开始时间和结束时间,应该如何做,希望给出一个有效的函数
net_lover 发表于 2006-12-9 10:08:45

<script>
var a,b
function aa(o)
{
if(o.readyState == "loading")
{
a = new Date()
x1.innerHTML=o.readyState
}
if(o.readyState =="complete")
{
b = new Date()
x2.innerHTML=b
alert("加载:" + (b-a) + "毫秒")
}

}
</script>
<body>
<div id=x1></div>
<div id=x2></div>
<img src="http://blog./images/blog_sfruc_edu_cn/mxh/6/o_762_1024x768.jpg" onreadystatechange="aa(this)"/>
</body>
yueliangdao0608 发表于 2006-12-9 15:38:56

<script>
var a,b
function aa(o)
{
if(o.readyState == "loading")
{
a = new Date()
document.getElementById("x1").style.display = "block";
document.getElementById("x1").innerHTML = "Loading...";
//x1.innerHTML=o.readyState
}
if(o.readyState =="complete")
{
b = new Date()
document.getElementById("x1").innerHTML="加载:" + (b-a)/1000 + "秒";
//document.getElementById("x1").style.display = "none";
//alert("加载:" + (b-a) + "毫秒")
}

}
</script>
<body>
<div id=x1 style="display:none"></div>
<img src="http://blog./images/blog_sfruc_edu_cn/mxh/6/o_762_1024x768.jpg" onreadystatechange="aa(this)"/>
</body>
yueliangdao0608 发表于 2006-12-9 15:39:26

见到钻石了。
RedErick 发表于 2006-12-9 16:51:15

非常感谢孟子E章,真是高手中的高手,请问onreadystatechange是img的特殊属性吗?

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多