跟着鼠标走的时钟
<!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>
<title></title>
<style type="text/css">
body{
position:absolute;
}
#mydiv{
position:relative;
line-height: 12pt;
font-size:12pt;
}
.time{
font-family:'华文彩云',Arial, Helvetica, sans-serif;
color:green;
font-size:50px;
}
</style>
<script type="text/javascript">
function init() {
var div = document.getElementById("mydiv");
document.onmousemove = function (event) {
var myEvent;
myEvent = event||window.event;
var x = myEvent.clientX;
var y = myEvent.clientY;
div.style.left = parseInt(x,10) + 'px';
div.style.top = parseInt(y,10) + 'px';
}
}
function setTime() {
var div = document.getElementById("mydiv");
div.innerHTML = '<font class="time">' + new Date().toLocaleTimeString() + '<font/>';
}
setInterval("setTime()", 1000);
</script>
</head>
<body onload="init()">
<div id="mydiv">
</div>
</body>
</html>