Javascript代码在不同情况下的工作方式不同

Question

当我使用requirejs库启动它时，我的脚本不起作用。

这是一款简单的游戏。单击“开始”程序后绘制正方形，当出现绿色方块时，用户必须尽快单击它。然后在屏幕上显示结果他做得多快。

在此链接脚本下正常工作： http://doomini2.linuxpl.info/correct/

从正常的js文件加载脚本时一切都很好。 但是当它作为模块加载时，在用户点击“最后5个结果”框中的绿色方块后，会有额外的结果。第一次是正确的（绿色方块出现和用户点击之间的时间），第二次是从页面加载的时间开始的时间。

我不知道为什么第二次出现，我不知道为什么有时候不是每一幅画都出现。

这是使用“requirejs”库的版本的链接： http://doomini2.linuxpl.info/test/

我还尝试使用“事件委托”，但它不计算上次“开始”点击的时间，但总是从页面加载后的第一次点击开始。

这是使用“事件委托”的版本的链接： http://doomini2.linuxpl.info/test2/

为什么最后两个版本不起作用？ 是什么导致了额外的结果？

Answer 1

对于您的事件委托问题，需要移动此行：

 var start_time = Date.now();

变量应该在顶层声明，这样按钮点击功能和＆＃34;混合＆＃34;功能可以访问它。然后，当绿框出现时，您需要运行start_time = Date.now();，以便时间正确。