计数器拒绝在Chrome浏览器中计数器

时间:2018-12-21 02:07:25

标签: javascript jquery

到目前为止,我目前有一个可在Firefox上运行的计数器,但是我注意到当您在Google Chrome浏览器中打开它时,焦点不会自动出现在Firefox上。

有没有比iframe更好的解决方案?

代码:

var count = 0;
var myInterval;
// Active
window.addEventListener('focus', startTimer);

// Inactive
window.addEventListener('blur', stopTimer);

function timerHandler() {
count++;
document.getElementById("seconds").innerHTML = count;
}

// Start timer
function startTimer() {
console.log('focus');
myInterval = window.setInterval(timerHandler, 1000);
}

// Stop timer
function stopTimer() {
window.clearInterval(myInterval);
}

JSFiddle:http://jsfiddle.net/grbq7uzj/

我想要的是以下内容:
您只需输入网址即可访问网站,然后弹出网站,计数器开始计数。

在Firefox中的运行方式就像我上面所说的那样。

但是在谷歌浏览器中会发生这种情况: 输入网址并按Enter键后,网站会弹出,但计数器仍为0。当您更改选项卡一秒钟,然后转到带有计数器的选项卡时,它将开始计数。

所以我必须要有一个触发解决方案,该解决方案也必须在访问网站后开始计算。

0 个答案:

没有答案