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

<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.sfruc.edu.cn/images/blog_sfruc_edu_cn/mxh/6/o_762_1024x768.jpg" onreadystatechange="aa(this)"/>
</body>

解决方案 »

  1.   

    <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.sfruc.edu.cn/images/blog_sfruc_edu_cn/mxh/6/o_762_1024x768.jpg" onreadystatechange="aa(this)"/>
    </body>
      

  2.   

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