打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
如何利用js获取网页图片的加载时间
比如我们打开一个网页,我想通过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="//blog.sfruc.edu.cn/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="//blog.sfruc.edu.cn/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的特殊属性吗?
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
AJAX 教程
怎样使用AJAX进行应用程序开发
ajax初步学习二
Php
利用AJAX技术开发应用程序实战
在页面加载完后执行javascript代码 -- 两种方式
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服