您的位置：首页 > 其它

计算鼠标停留在标签上的时间

2011-12-05 22:00 169 查看

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>计算鼠标停留在标签上的时间</title>
<script>
var total=0;
var intervalId=0;
function move(){
total=0;
if(!intervalId){
intervalId=setInterval(function(){

//if(total>=2){
//total=0;
var e=document.getElementById("id1");
e.innerText="总共停留了"+total+"秒。";
//}
total+=1;
},1000);
}
}
function out(){
var e=document.getElementById("id1");
e.innerText="请把鼠标放在这个标签上面。";
clearInterval(intervalId);
intervalId=0;
}
</script>

<style type="text/css">
<!--
#id1 {
border: thin solid #CCCCCC;
}
-->
</style>
</head>

<body>
<div onmousemove="move()" onmouseout="out()" id="id1">
请把鼠标放在这个标签上面。</div>
</body>
</html>

[b]示例：[/b]

请把鼠标放在这个标签上面。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航