2014-01-29 77 views
0

我刚写了一个简单的javascript来显示时间。所以我问自己是否有可能总是在鼠标上显示时间。我根本不知道该怎么做,我需要你的帮助。跟随鼠标的时间

这里是JS代码

功能的showTime(){

 var currentTime = new Date(); 
     var h = currentTime.getHours(); 
     var m = currentTime.getMinutes(); 
     var s = currentTime.getSeconds(); 

     var myClock = document.getElementById('diClock'); 
     myClock.textContent = h + ':' + m + ':' + s; 
     requestAnimationFrame(showTime); } 

的showTime();

回答

1

附上mousemove处理程序文件,在那里你更新diClock元素的(绝对)位置反映鼠标的坐标,你从事件得到。位置更新部分和时间更新部分是分开的;你不需要改变你的showTime功能。

+0

谢谢,不幸的是,我不明白你的意思是“附加”。 diClock是一个div中的ID。你可以在代码中向我展示它吗? http://jsfiddle.net/r54NJ/2/ – barbareos12

+0

http://jsfiddle.net/r54NJ/9/ – Amadan