跟随鼠标的时间

Question

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

这是JS代码

  

function 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（）;

Answer 1

将mousemove处理程序附加到文档，您可以在其中更新diClock元素的（绝对）位置，以反映从事件中获得的鼠标坐标。位置更新部分和时间更新部分是分开的;您无需更改showTime功能。