页面加载后启动Countup计时器

Question

我有一个游戏网站并使用Count-up计时器来跟踪用户解决游戏所花费的“时间”。

这里使用jquery加载函数将每个游戏加载到特定的div中。

代码：$('#gamewindow').load('game.php')

我已将计时器放在“game.php”中。在大多数情况下，计时器在所有游戏操作数和操作符加载之前开始运行（特别是在页面加载时第一次）。这需要避免。

计时器只需在游戏准备就绪时开始运行。

我搜索了解决方案，找到了一些解决方案，但哪些方法对我不起作用。

a）sol 1：延迟一段时间后启动计时器。即使用setTimeout功能
这个问题的问题1：我的问题不是一直发生的。所以它消耗了没有必要的时间。

b）sol 2：使用$(window).load(function(){ });代替$(document).ready(function(){ });。

此sol 2的问题：由于我已将计时器放在内页中，$(window).load(function(){ })无效。如果我将计时器脚本放在带有$(window).load(function(){ })的主页面中，那么计时器在第一场比赛中正常工作，但第二场比赛没有，因为我使用load功能加载了下一场比赛。

请帮我解决问题。

Answer 1

要确保脚本在加载所有内容时启动，您可以使用jQuery ready函数开始加载游戏（而不是启动计时器）。

jQuery(document).ready(function() {
   // load game
});