想要显示点击按钮和点击 div 之间的时间

Question

您好，感谢您阅读本文。任何帮助是极大的赞赏。我正在尝试制作一个功能，当按下按钮触发时，它会启动一个计时器，然后在随机位置显示 div。单击 div 时，JavaScript 记录按下按钮与单击 div 和 returns 之间的时间。我让广场工作，但计时器不工作，影响我的代码的其余部分的性能。这是我目前所拥有的。

HTML:

<body>
    <p id="TotalTime"> </p>
    <button id="funbutton" onclick="SeeWhatHappens(funbutton)">Click here!</button>
    <div id="newdiv" class="a"></div>
</body>

JavaScript:

function SeeWhatHappens(button) {
    var startTime = new Date();
    var divsize = 50;
    var posx = (Math.random() * window.innerWidth - divsize).toFixed();
    var posy = (Math.random() * window.innerHeight - divsize).toFixed();
    var div = document.getElementById('newdiv');
    div.style.left = posx + 'px';
    div.style.top = posy + 'px';
    div.style.display = 'block';
    button.style.visibility = "hidden";
    var something = document.getElementById('newdiv');
    something.style.cursor = 'pointer';
    something.onclick = GetTime(startTime) {

}

function GetTime(startTime){
var endTime = new Date();
var timeDiff = endTime - startTime;
var timeDiff /= 1000;
var seconds = Math.round(timeDiff % 60);
timeDiff = Math.floor(timeDiff / 60);
var minutes = Math.round(timeDiff % 60);
timeDiff = Math.floor(timeDiff / 60);
var hours = Math.round(timeDiff % 24);
timeDiff = Math.floor(timeDiff / 24);
document.getElementByID('TotalTime') = timeDiff;
}

编辑：这是我的 JSFiddle，以防有帮助：

http://jsfiddle.net/6hnLx6qc/17/

再次感谢您能给我的任何帮助！

Answer 1

这是一个工作版本：

var button = document.getElementById('funbutton');
button.addEventListener('click', SeeWhatHappens);

function SeeWhatHappens() {
    var startTime = new Date();
    var divsize = 50;
    var posx = (Math.random() * window.innerWidth - divsize).toFixed();
    var posy = (Math.random() * window.innerHeight - divsize).toFixed();
    var div = document.getElementById('newdiv');
    div.style.left = posx + 'px';
    div.style.top = posy + 'px';
    div.style.display = 'block';
    button.style.visibility = "hidden";
    var something = document.getElementById('newdiv');
    something.style.cursor = 'pointer';
    something.onclick = function() {GetTime(startTime);};
}

function GetTime(startTime){
var endTime = new Date();
var timeDiff = endTime - startTime;

var timeDiff = timeDiff / 1000;
document.getElementById('TotalTime').innerHTML = timeDiff;
}

http://jsfiddle.net/6x4ho4ga/1/

想要显示点击按钮和点击 div 之间的时间

Want to display time between clicking button and clicking div

javascript

timer