2014-01-29 113 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