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

 

<!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>

 

 

示例:

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

你可能感兴趣的:(标签)