使用新的Date（）在Javascript中测量时间的问题

Question

你好，我是javascript编程的初学者。

我想用jquery构建一个简单的游戏，你必须尽可能快地拖放正确的图片。现在的问题是时间测量。我想测量按下开始和结束游戏之间的持续时间（例如正确的牌= 10）。我创建了两个变量（startTime和endTime），我想在代码末尾使用它们来减去它们以获得持续时间。但我不能使用它们。

我究竟做错了什么？我认为如果我在开始时将变量设为全局就足够了。

这是我的代码的重要部分：

var startTime;
var endTime;


function handleCardDrop(event, ui) {
	var slotNumber = $(this).data('number');
	var cardNumber = ui.draggable.data('number');

	
	if (slotNumber == cardNumber) {
		ui.draggable.addClass('correct');
		ui.draggable.draggable('disable');
		$(this).droppable('disable');
		ui.draggable.position({ of: $(this),
			my: 'left top',
			at: 'left top'
		});
		ui.draggable.draggable('option', 'revert', false);
		correctCards++;
	}


	if (correctCards == 10) {
		var endTime = new Date().getTime();
		console.log(endTime);
		console.log('Spiel endet');
	}


	// Only show slot, if the previous one is correct
	for (var i = 1; i <= 10; i++) {
		if (correctCards == i) {
			$('#slot' + [i + 1]).css('display', 'block')
		}
	}
}

$('#startButton').click(function Ball() {
	var startTime = new Date().getTime();
	console.log(startTime);
	console.log('Spiel beginnt');
	$('#ball').animate({
		left: '+=800'
	}, 20000, "linear");

});


function time() {
  var timeDiff = endTime - startTime;
  timeDiff /= 1000;
  var seconds = Math.round(timeDiff);
  console.log(seconds + " seconds");
}

<body>

  <div id="content">
    <button id="startButton">Start</button>
    <div id="cardPile"> </div>
    <div id="ball"></div>
    <div id="cardSlots"></div>
  </div>

Answer 1

另一答案

Answer 2

另一答案