<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
img{
position: absolute;
top: 0;
left: 0;
}
</style>
</head>
<body>
<img src="
http://pic.vjshi.com/2016-01-31/c1b57940b33346e29d5ead94ae3660c0.jpg"/> </body>
<script type="text/javascript">
var img=document.getElementsByTagName("img")[0];
var t=0;
var timer;
function move(){
timer=setInterval(function(){
img.style.top=t+"px";
t++;
},1)
}
move();
img.onclick=function(){
clearInterval(timer);
var time=t;
alert(time+"毫秒");
}
</script>
</html>
最简单的,单位换算啥的自己看看改吧0 0.