<input type="button" value="xxxxxxxxxxxxxxxx" id="butt" /><br /> <div id="text"></div> <script type="text/javascript"> var butt = document.getElementById("butt"); var time; butt.onmouseover = function () { time = (new Date()).getTime(); } butt.onmouseout = function () { var t = (new Date()).getTime() - time; document.getElementById("text").innerHTML = "悬停在按钮上的时间"+(t/1000).toFixed(2)+"秒"; } </script>
在 onMouseOut 时结束计时并计算时间
<input type="button" value="xxxxxxxxxxxxxxxx" id="butt" /><br />
<div id="text"></div>
<script type="text/javascript">
var butt = document.getElementById("butt");
var time;
butt.onmouseover = function () {
time = (new Date()).getTime();
}
butt.onmouseout = function () {
var t = (new Date()).getTime() - time;
document.getElementById("text").innerHTML = "悬停在按钮上的时间"+(t/1000).toFixed(2)+"秒";
}
</script>